Selektor Keturunan dan Kelas dalam CSS
Misalkan kita memiliki kode berikut:
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
Mari kita pilih semua judul h2 dan
paragraf yang berada di dalam elemen dengan kelas
block, dan warnai mereka dengan warna yang berbeda.
Gunakan untuk ini selektor keturunan (yang
spasi di antara selektor):
.block h2 {
color: red;
}
.block p {
color: green;
}
Diberikan kode berikut:
<p class="eee">
text <i>italic</i>
</p>
<p class="eee">
text <i>italic</i>
</p>
<div class="eee">
text <i>italic</i>
</div>
<div class="eee">
text <i>italic</i>
</div>
Warnai semua tag i dengan warna merah,
yang berada di dalam elemen dengan kelas eee.
