Pseudo-class :visited
เพื่อกำหนดสีของลิงก์ที่เยี่ยมชมแล้ว ให้ใช้ pseudo-class :visited ใน CSS
<html>
<head>
<style>
a:visited {
color: #FF0000;
}
</style>
</head>
<body>
<a href="">My Link</a>
</body>
</html>
Pseudo-classes สำหรับลิงก์:
- :link - ลิงก์ที่ยังไม่ได้เยี่ยมชม
- :visited - ลิงก์ที่เยี่ยมชมแล้ว
- :hover - เมื่อเมาส์ชี้อยู่
- :active - เมื่อกำลังคลิกอยู่
- :focus - เมื่อได้รับโฟกัส (คีย์บอร์ด)
ข้อจำกัดด้านความปลอดภัย: เบราว์เซอร์จำกัดคุณสมบัติที่ใช้กับ :visited ได้เพียง color, background-color, border-color, column-rule-color, outline-color, text-decoration-color, fill, stroke เท่านั้น เพื่อป้องกันการติดตามประวัติการเข้าเว็บ
