Afstammelingselektor en klasse in CSS
Gestel ons het die volgende kode:
<div class="block">
<h2>Titel</h2>
<p>
teks
</p>
</div>
<div class="block">
<h2>Titel</h2>
<p>
teks
</p>
</div>
Kom ons kies alle h2-opskrifte en
paragrawe wat binne die element met die klas
block is, en gee hulle verskillende kleure.
Ons sal die afstammelingselektor (wat
'n spasie tussen selektore is) hiervoor gebruik:
.block h2 {
color: red;
}
.block p {
color: green;
}
Die volgende kode word gegee:
<p class="eee">
teks <i>kursief</i>
</p>
<p class="eee">
teks <i>kursief</i>
</p>
<div class="eee">
teks <i>kursief</i>
</div>
<div class="eee">
teks <i>kursief</i>
</div>
Kleur alle i-etikette
wat in elemente met die klas eee is, rooi.
