Pseudo-class :is() CSS

Definisi dan penggunaan

CSS :is() Pseudo-class digunakan untuk menerapkan gaya yang sama untuk semua elemen di dalam kurung.

:is() Pseudo-class memerlukan daftar pemilih yang dipisahkan koma sebagai parameternya.

Petunjuk:Dalam menangani bagian HTML dan judul,:is() Pseudo-class sangat berguna.

Lihat contoh berikut:

:is(section, article) :is(h1, h2, h3, h4, h5, h6) {
  warna: hijau;
}

Sama dengan:

section h1, section h2, section h3, section h4, section h5, section h6, article h1, article h2, article h3, article h4, article h5, article h6 {
  warna: hijau;
}

Contoh

Aplikasikan warna teks merah untuk elemen p.intro, <ul> dan <ol>:

:is(p.intro, ul, ol) {
  warna: merah;
}

Coba sendiri

Syarat CSS

:is(daftar pemilih) {
  pernyataan css;
}

Detil teknis

Versi: CSS4

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung pseudo-class penuh.

Chrome Edge Firefox Safari Opera
88 88 78 14 74