Selektor potomkov a triedy v CSS
Majme nasledujúci kód:
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
Vyberme všetky nadpisy h2 a
odseky, ktoré sa nachádzajú vo vnútri elementu s triedou
block, a zafarbime ich do rôznych farieb.
Použime na to selektor potomkov (čo je
medzera medzi selektormi):
.block h2 {
color: red;
}
.block p {
color: green;
}
Daný je nasledujúci 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>
Zafarbite všetky elementy i
na červeno, ktoré sa nachádzajú v elementoch s triedou eee.
