Pemilihan Anak Elemen
- Hal Sebelumnya Pemilihan Anak Ditus
- Hal Berikutnya Pemilihan Saudara Kiri
Dibandingkan dengan selector turunan, selector anak (Child selectors) hanya dapat memilih elemen yang menjadi anak elemen dari suatu elemen.
Pilih anak elemen
Jika Anda tidak ingin memilih elemen turunan apapun, tetapi ingin membatasi ruang hanya anak elemen dari suatu elemen tertentu, gunakan selector anak (Child selector).
Contoh, jika Anda ingin memilih hanya elemen <strong> strong </strong> yang menjadi anak elemen <strong> h1 </strong>, Anda dapat menulis seperti ini:
h1 > strong {color:red;}
Aturan ini akan mengubah dua elemen <strong> strong </strong> di bawah h1 pertama menjadi merah, tetapi <strong> strong </strong> di h1 kedua tidak terpengaruh:
<h1>Ini sangat <strong> penting </strong> <strong> penting </strong>.</h1> <h1>This is <em>really <strong>very</strong></em> important.</h1>
Penjelasan Gramatika
Anda pasti sudah mengetahui, pemilihan anak menggunakan tanda > (simbol pengecualian).
Ada spasi di sebelah kiri dan kanan simbol pengecualian, ini adalah opsional. Jadi, penulisan berikut ini semua benar:
h1 > strong h1> strong h1 >strong h1>strong
Jika dibaca dari kanan ke kiri, pemilihan h1 > strong dapat dijelaskan sebagai "pemilihan semua elemen strong yang menjadi anak elemen h1".
Gabungan Pemilihan Anak dan Pemilihan Anak Kandung
Lihat pilihannya di bawah ini:
table.company td > p
Pemilihan di atas akan memilih semua elemen p yang menjadi anak elemen td, elemen td itu sendiri mewarisi table elemen, table elemen yang memiliki class atribut yang mengandung company.
- Hal Sebelumnya Pemilihan Anak Ditus
- Hal Berikutnya Pemilihan Saudara Kiri
