Pseudo-class :is() CSS

Definisi dan penggunaan

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

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

Peringatan:Dalam menangani bahagian HTML dan tajuk,:is() Pseudo-class sangat berguna.

Lihat contoh di bawah ini:

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

Sama seperti:

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

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

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

Cuba sendiri

CSS 语法

:is(daftar pemilih) {
  pendeklarasian css;
}

Butiran teknikal

Versi: CSS4

Pendukung pereka web

Teks di dalam jadual menunjukkan versi penuh penggunaan pseudo-class pertama pengguna pereka web.

Chrome Edge Firefox Safari Opera
88 88 78 14 74