บทบาทของ CSS :link Selector

ใช้ :link เพื่อจัดสไตล์ Link ที่ยังไม่เคยถูกเยี่ยมชม (Unvisited Links)

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
    <style>
        a:link {
            background-color: orange;
        }
    </style>
</head>
<body>
    <a href="https://www.example.com">Demo Website</a>
</body>
</html>

ลำดับ Pseudoclasses (LVHA): :link → :visited → :hover → :active