Pseudo-class :not() CSS

Definisi dan penggunaan

CSS :not() Pseudo-class digunakan untuk mencocokkan mana-mana elemen yang bukan elemen/distributor yang ditentukan.

Contoh

Contoh 1

Tetapkan warna teks untuk semua elemen yang bukan <p> elemen:

:not(p) {
  color: red;
}

Cuba sendiri

Contoh 2

Lebih banyak penggunaan :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;
}

Cuba sendiri

Tatabahasa CSS

:not(pemilih) {
  pengumuman css;
}

Butiran teknikal

Versi: CSS3

Pendukung pelayar

Teks di dalam jadual menunjukkan versi penuh penggunaan sebelumnya untuk pseudo-class ini.

Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.2 9.6