Pseudo-class :not() trong CSS

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

CSS :not() Pseudo-class được sử dụng để khớp với bất kỳ yếu tố nào không phải là yếu tố hoặc bộ chọn được chỉ định.

Ví dụ

Ví dụ 1

Đặt màu văn bản cho tất cả các yếu tố không phải là <p>元素:

:not(p) {
  color: red;
}

Thử ngay

Ví dụ 2

Sử dụng thêm :not() Ví dụ:

.special {
  border: 2px solid maroon;
}
p:not(.special) {
  color: green;
}
body :not(p) {
  text-decoration: underline;
}
body :not(div):not(.special) {
  font-weight: bold;
}

Thử ngay

Ngữ pháp CSS

:not(ký tự chọn) {
  ký tự định nghĩa css;
}

Chi tiết kỹ thuật

Hỗ trợ trình duyệt

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