Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> CSS

Tạo kiểu cho mọi phần tử trừ phần tử chỉ định với CSS

Bộ chọn :not() - Lặp lại

Nội dung trùng lặp với bài 1003062660. :not(selector) loại trừ phần tử khớp selector.

Ví dụ (giống hệt bài 1003062660)

<!DOCTYPE html>
<html>
<head>
  <style>
    p { color: red; }
    :not(p) { color: blue; }
  </style>
</head>
<body>
  <h1>Tiêu đề 1 - Xanh</h1>
  <h2>Tiêu đề 2 - Xanh</h2>
  <h3>Tiêu đề 3 - Xanh</h3>
  <p>Đoạn văn 1 - Đỏ</p>
  <p>Đoạn văn 2 - Đỏ</p>
</body>
</html>

Tất cả không phải p → xanh. p → đỏ.