Pseudo-class :active
เพื่อเปลี่ยนสีของลิงก์ที่กำลังคลิกอยู่ ให้ใช้ pseudo-class :active
ตัวอย่าง
ลองรันโค้ดต่อไปนี้เพื่อเปลี่ยนสีของลิงก์ที่กำลังคลิก:
<html>
<head>
<style>
a:active {
color: #FF00CC;
}
</style>
</head>
<body>
<a href="">My Demo Link</a>
</body>
</html>
Pseudo-classes สำหรับลิงก์ (ลำดับ LVHA):
- :link - ลิงก์ที่ยังไม่ได้เยี่ยมชม
- :visited - ลิงก์ที่เยี่ยมชมแล้ว
- :hover - เมื่อเมาส์ชี้อยู่
- :active - เมื่อกำลังคลิกอยู่ (กดเมาส์ค้าง)
- :focus - เมื่อได้รับโฟกัส (คีย์บอร์ด)
เขียนในลำดับ :link → :visited → :hover → :active
