Pemilihan Pemilih Anak Elemen CSS
- Hal Sebelumnya Pemilihan Pemilih Anak Anak CSS
- Hal Berikutnya Pemilihan Pemilih Saudara Kepada Kiri CSS
berbanding dengan selector turunan, selector anak (Child selectors) hanya dapat memilih elemen yang menjadi anak dari suatu elemen.
memilih anak elemen
jika Anda tidak menginginkan memilih elemen turunan apapun, tetapi ingin membatasi ruang, hanya memilih anak elemen dari suatu elemen, 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;}
peraturan ini akan membuat dua elemen <strong>strong</strong> di bawah h1 pertama menjadi merah, tetapi <strong>strong</strong> kedua di dalam h1 kedua tidak terpengaruh:
<h1>This is <strong>very</strong> <strong>very</strong> important.</h1> <h1>This is <em>really <strong>very</strong></em> important.</h1>
Penjelasan Gramatika
Anda mungkin sudah mengetahui, pemilihan pemilih anak menggunakan tanda > (simbol anak).
Babak di sebelah kiri dan kanan simbol anak boleh mengandungi ruang, ini adalah pilihan.
h1 > strong h1> strong h1 >strong h1>strong
Jika dibaca dari kanan ke kiri, pemilihan pemilih h1 > strong dapat dijelaskan sebagai 'memilih semua elemen strong yang menjadi anak elemen h1'.
Gabungan pemilihan pemilih kakek dan anak
Lihat pemilihan pemilih di bawah ini:
table.company td > p
Pemilihan pemilih di atas akan memilih semua elemen p yang menjadi anak elemen td, elemen td itu sendiri mewarisi elemen table, elemen table ini memiliki class atribut yang mengandung company.
- Hal Sebelumnya Pemilihan Pemilih Anak Anak CSS
- Hal Berikutnya Pemilihan Pemilih Saudara Kepada Kiri CSS
