Pseudo-class link

Pseudo-class link xác định kiểu cho các liên kết chưa được truy cập. Thông thường pseudo-class này được áp dụng kết hợp với các pseudo-class hover, visited và active.

Cú pháp

cssa:link{
  
}

Ví dụ

Liên kết chưa truy cập sẽ có màu đỏ, liên kết đã truy cập - màu xanh lam. Nếu bạn di chuột qua nó - nó sẽ chuyển sang màu xanh lá cây, và nếu bạn nhấn giữ nút chuột trái - nó sẽ chuyển sang màu đen (trạng thái active):

html<a href="#">liên kết</a>
cssa:link {
  color: red;
}
a:visited {
  color: blue;
}
a:hover {
  color: green;
}
a:active {
  color: black;
}

Результат:

Xem thêm

  • pseudo-class visited,
    xác định kiểu cho liên kết đã truy cập
  • pseudo-class hover,
    xác định kiểu cho liên kết khi di chuột qua
  • pseudo-class active,
    xác định kiểu cho liên kết khi được kích hoạt
  • pseudo-class focus,
    xác định kiểu cho liên kết khi được focus