Järeltulija valijad ja klassid CSS-is
Oletagem, et meil on järgmine kood:
<div class="block">
<h2>Pealkiri</h2>
<p>
tekst
</p>
</div>
<div class="block">
<h2>Pealkiri</h2>
<p>
tekst
</p>
</div>
Valime kõik pealkirjad h2 ja
lõigud, mis asuvad klassi
block omava elemendi sees, ja värvime need erinevatesse värvidesse.
Kasutame selleks järeltulija valijat (mis on
tühik valijate vahel):
.block h2 {
color: red;
}
.block p {
color: green;
}
Antud on järgmine kood:
<p class="eee">
tekst <i>kaldkiri</i>
</p>
<p class="eee">
tekst <i>kaldkiri</i>
</p>
<div class="eee">
tekst <i>kaldkiri</i>
</div>
<div class="eee">
tekst <i>kaldkiri</i>
</div>
Värvige punaseks kõik i sildid,
mis asuvad klassi eee elementides.
