Selektorji potomcev in razredi v CSS
Recimo, da imamo naslednjo kodo:
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
Izberimo vse naslove h2 in
odstavke, ki se nahajajo znotraj elementa z razredom
block, in jih pobarvajmo v različne barve.
Za to uporabimo selektor potomcev (ki je
presledek med selektorji):
.block h2 {
color: red;
}
.block p {
color: green;
}
Podana je naslednja koda:
<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>
Pobarvajte v rdečo barvo vse oznake i,
ki se nahajajo v elementih z razredom eee.
