Selektor potomaka i klase u CSS
Neka imamo sledeći kod:
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
Hajde da izaberemo sve naslove h2 i
paragrafe koji se nalaze unutar elementa sa klasom
block, i obojimo ih u različite boje.
Upotrebimo za to selektor potomaka (koji je
razmak između selektora):
.block h2 {
color: red;
}
.block p {
color: green;
}
Dat je sledeći kod:
<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>
Obojite u crvenu boju sve tagove i,
koji se nalaze u elementima sa klasom eee.
