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