พิวโดคลาส hover

พิวโดคลาส hover กำหนดสไตล์สำหรับ ลิงก์ที่เราเลื่อนเมาส์ไปชี้ที่ โดยปกติแล้วพิวโดคลาสนี้จะถูกใช้ร่วมกับ พิวโดคลาส link, visited และ active

ไวยากรณ์

cssa:hover {
  
}

ตัวอย่าง

ลิงก์ที่ยังไม่เคยเข้าชมจะมีสีแดง ลิงก์ที่เคยเข้าชมแล้วจะมีสีฟ้า ถ้าคุณเลื่อนเมาส์ไปชี้ที่ มัน - มันจะเปลี่ยนเป็นสีเขียว และ ถ้ากดปุ่มซ้ายของเมาส์ค้างไว้ - มันจะเปลี่ยนเป็นสีดำ (สถานะ active):

html<a href="#">ลิงก์</a>

cssa:link {
  color: red;
}
a:visited {
  color: blue;
}
a:hover {
  color: green;
}
a:active {
  color: black;
}

Результат:

ดูเพิ่มเติม