Pseudo-kelas :not() CSS

Definisi dan penggunaan

CSS :not() Pseudo-kelas digunakan untuk mencocokkan elemen yang bukan seperti yang ditentukan oleh elemen/pemilih.

Contoh

Contoh 1

Atur warna teks untuk semua elemen yang bukan <p> element:

:not(p) {
  color: red;
}

Coba sendiri

Contoh 2

Penggunaan lebih banyak :not() Contoh:

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

Coba sendiri

Grammar CSS

:not(pemilih) {
  pernyataan css;
}

Detil teknis

Dukungan browser

Tabel angka di dalam tabel menunjukkan versi pertama browser yang mendukung pseudo-kelas ini penuh.