CSS :visited ảo lớp

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

CSS :visited Các ảo lớp được sử dụng để đặt kiểu liên kết đã được truy cập.

Lưu ý:Sử dụng :link Đặt kiểu liên kết cho trang chưa được truy cập, sử dụng :hover Đặt kiểu liên kết khi di chuột qua, sử dụng :active Đặt kiểu liên kết khi nhấn.

Lưu ý:Để đặt đúng kiểu liên kết, hãy đặt :visited đặt quy tắc vào :link sau quy tắc nhưng trước :hover và :active trước quy tắc.

Kiểu được phép bao gồm:

• màu
• màu nền
• border-color (và các cạnh border-color)
• màu viền
• column-rule-color
• text-decoration-color
• text-emphasis-color
• Thuộc tính SVG fill và stroke

Mẫu

Ví dụ 1

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

a:visited {
  color: pink;
}

Thử ngay

Ví dụ 2

Chọn và đặt các kiểu cho liên kết chưa được truy cập, đã được truy cập, di chuột qua và đang được nhấn:

/* 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 đang di chuột qua */
a:hover {
  color: red;
}
/* Liên kết đang được nhấn */
a:active {
  color: yellow;
}

Thử ngay

Ví dụ 3

Đặt các 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

:visited {
  các quy định css;
}

Chi tiết kỹ thuật

Hỗ trợ trình duyệt

Số trong bảng biểu thị phiên bản đầu tiên của trình duyệt hỗ trợ hoàn toàn ảo lớp này.

Trang liên quan

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

Hướng dẫn:CSS ảo