The: not Pseudo-Class trong CSS

---

Chọn các phần tử không trùng với một bộ chọn nhất định với: not. Cung cấp một bộ chọn đơn giản làm đối số cho: not và tất cả các phần tử không khớp sẽ được chọn.

Ví dụ đầu tiên này sẽ chọn tất cả các phần tử p không có lớp đầu tiên:

p:not(.first-par) {
  background-color: #E4AF4C;
}

Ví dụ thứ hai này, ta chọn phần tử :: before pseudo-element cho tất cả các mục danh sách (li) nằm trong danh sách chưa được tổ chức (ul) không có ID của toc hoặc một lớp trong danh sách:

ul:not(#toc, .in-list) li::before {
  /* Something stylish */
}

Và trong ví dụ thứ ba này, ta đang chọn mọi thứ bên trong các phần tử bài viết không phải là khoảng cách:

article *:not(span) {
  color: cornsilk;
}

👉: không được hỗ trợ trong tất cả các trình duyệt hiện đại.

---

---

Các tin liên quan

Hàm CSS attr ()
2016-06-20
Radial Gradients trong CSS
2016-06-13
Ngữ pháp tuyến tính trong CSS
2016-06-12
CSS: so khớp () Pseudo-Class
2016-06-02
Giới thiệu ngắn gọn về các biến CSS (Thuộc tính tùy chỉnh)
2016-06-01
Phát hiện tính năng trong CSS với @supports
2016-05-05
Bộ chọn thuộc tính CSS
2016-02-05
Hàm calc () CSS
2015-10-08
Cách sử dụng Bộ tiền xử lý CSS LESS trên VPS Ubuntu
2014-01-27