Pseudo-class :link CSS

Định nghĩa và cách sử dụng

CSS :link Pseudo-class được sử dụng để chọn và đặt kiểu cho liên kết chưa được truy cập.

Lưu ý::link Pseudo-class sẽ không đặt kiểu cho liên kết đã được truy cập.

Lưu ý:sử dụng :visited Đặt kiểu liên kết cho trang đã được truy cập, sử dụng :hover Đặt kiểu liên kết khi trỏ chuột, sử dụng :active Đặt kiểu liên kết khi nhấn vào.

Lưu ý:trong định nghĩa CSS:link phải được đặt trong :hover！（nếu có）trước khi có hiệu lực!

Mô hình

ví dụ 1

Chọn và đặt kiểu cho liên kết chưa được truy cập:

a:link {
  background-color: yellow;
}

Thử ngay

ví dụ 2

Chọn và đặt kiểu cho liên kết chưa được truy cập, đã được truy cập, khi trỏ chuột và đang hoạt động:

/* Liên kết chưa được truy cập */
a:link {
  color: green;
}
/* Liên kết đã được truy cập */
a:visited {
  color: green;
}
/* Liên kết khi chuột悬停在上方 */
a:hover {
  color: red;
}
/* Liên kết đang hoạt động */
a:active {
  color: yellow;
}

Thử ngay

ví dụ 3

Đặt kiểu khác nhau cho liên kết:

a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

Thử ngay

Ngữ pháp CSS

:link {
  ký tự biểu thị css;
}

Chi tiết kỹ thuật

Hỗ trợ trình duyệt

Số trong bảng biểu chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ pseudo-class này.

trang liên quan

Hướng dẫn:CSS liên kết

Hướng dẫn:pseudo-class CSS