พิวโดคลาส hover
พิวโดคลาส hover กำหนดสไตล์สำหรับ
ลิงก์ที่เราเลื่อนเมาส์ไปชี้ที่
โดยปกติแล้วพิวโดคลาสนี้จะถูกใช้ร่วมกับ
พิวโดคลาส link,
visited
และ active
ไวยากรณ์
a:hover {
}
ตัวอย่าง
ลิงก์ที่ยังไม่เคยเข้าชมจะมีสีแดง ลิงก์ที่เคยเข้าชมแล้วจะมีสีฟ้า ถ้าคุณเลื่อนเมาส์ไปชี้ที่ มัน - มันจะเปลี่ยนเป็นสีเขียว และ ถ้ากดปุ่มซ้ายของเมาส์ค้างไว้ - มันจะเปลี่ยนเป็นสีดำ (สถานะ active):
<a href="#">ลิงก์</a>
a:link {
color: red;
}
a:visited {
color: blue;
}
a:hover {
color: green;
}
a:active {
color: black;
}
:
