Perkombinasi Anak Elemen CSS (>)

Definisi dan penggunaan

Pembinasa Anak CSS (>) untuk memilih elemen yang mewakili anak langsung elemen induk tertentu.

Elemen yang dipilih oleh selector kedua harus menjadi anak langsung elemen yang dipilih oleh selector pertama.

Perhatian: Elemen yang tidak ditentukan sebagai anak langsung elemen induk tidak akan dipilih.

Contoh

Pilih dan atur gaya bagi setiap elemen <p> yang mewakili anak langsung elemen <div>:

div > p {
  background-color: gold;
  border: 1px solid gray;
}

Coba sendiri

Syarat CSS

element1 > element2 {
  pernyataan css;
}

Detil teknis

Versi: CSS2

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung kombinator.

Chrome Edge Firefox Safari Opera
Dukungan 7.0 Dukungan Dukungan Dukungan

Halaman Terkait

Panduan CSS:Pemilih Elemen Anak