Pemilih Keturunan dan Kelas dalam CSS
Katakan kita mempunyai kod berikut:
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
Mari pilih semua tajuk h2 dan
perenggan yang berada di dalam elemen dengan kelas
block, dan warnakan mereka dengan warna yang berbeza.
Gunakan untuk ini pemilih keturunan (yang
jarak antara pemilih):
.block h2 {
color: red;
}
.block p {
color: green;
}
Diberi kod 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>
Warnakan dengan warna merah semua tag i,
yang berada dalam elemen dengan kelas eee.
