Tạo kiểu cho tất cả liên kết chưa truy cập với CSS

Bộ chọn :link

:link chọn các liên kết <a> có thuộc tính href **chưa từng được truy cập** bởi người dùng (theo lịch sử trình duyệt).

Ví dụ minh họa

<!DOCTYPE html>
<html>
<head>
  <style>
    a:link {
      background-color: orange;
      color: white;
      padding: 5px 10px;
      text-decoration: none;
    }
  </style>
</head>
<body>
  <a href="https://www.example.com">Trang web demo (chưa truy cập)</a>
</body>
</html>

Liên kết chưa từng click → nền cam. Đã click → không khớp :link (sẽ khớp :visited nếu có kiểu). Thứ tự LVHA: :link → :visited → :hover → :active.