Pseudo-class :any-link của CSS

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

CSS :any-link Pseudo-class được sử dụng để chọn và đặt kiểu cho các yếu tố là điểm dính của liên kết超链接.

Pseudo-class này sẽ hoạt động bất kể liên kết đã được truy cập hay chưa.

Do đó, pseudo-class này áp dụng cho tất cả các thẻ có thuộc tính href: <a> hoặc <area> thuộc tính.

Mô hình

Ví dụ 1

Chọn và đặt kiểu cho tất cả các thẻ <a> có thuộc tính href:

a:any-link {
  background-color: yellow;
  color: maroon;
}

Thử ngay!

Ví dụ 2

Đặt kiểu cho tất cả các thẻ <a> có thuộc tính href. Ngoài ra, đặt kiểu liên kết dựa trên trạng thái (trôi qua, kích hoạt, chưa truy cập v.v.):

a:any-link {
  background-color: yellow;
  color: maroon;
}
a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

Thử ngay!

Ngữ pháp CSS

:any-link {
  các biểu thức css;
}

Chi tiết kỹ thuật

Phiên bản: CSS Selectors Level 4

Hỗ trợ trình duyệt

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

Chrome Edge Firefox Safari Opera
65 79 50 9 52

Trang liên quan

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

Hướng dẫn:CSS Nút

Hướng dẫn:CSS 伪类