Selektor potomků a třídy v CSS
Předpokládejme, že máme následující kód:
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
Vyberme všechny nadpisy h2 a
odstavce, které se nacházejí uvnitř prvku s třídou
block, a obarvěme je různými barvami.
Použijeme k tomu selektor potomků (což je
mezera mezi selektory):
.block h2 {
color: red;
}
.block p {
color: green;
}
Je dán následující kód:
<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>
Obarvěte všechny tagy i na červeno,
které se nacházejí v prvcích s třídou eee.
