Palikuonių selektorius ir klasės CSS
Tarkime, kad turime tokį kodą:
<div class="block">
<h2>Pavadinimas</h2>
<p>
tekstas
</p>
</div>
<div class="block">
<h2>Pavadinimas</h2>
<p>
tekstas
</p>
</div>
Pažymime visus antraštes h2 ir
paragrafus, esančius elemento su klase
block viduje, ir nudažykime juos skirtingomis spalvomis.
Naudokime tam palikuonių selektorių (tai yra
tarpas tarp selektorių):
.block h2 {
color: red;
}
.block p {
color: green;
}
Pateikta tokia kodas:
<p class="eee">
tekstas <i>kursyvas</i>
</p>
<p class="eee">
tekstas <i>kursyvas</i>
</p>
<div class="eee">
tekstas <i>kursyvas</i>
</div>
<div class="eee">
tekstas <i>kursyvas</i>
</div>
Nudažykite raudona spalva visus i tag'us,
esančius elementuose su klase eee.
