Selektorët e Pasardhësve dhe Klasat në CSS
Le të kemi kodin e mëposhtëm:
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
Le të zgjedhim të gjitha titrat h2 dhe
paragrafët që ndodhen brenda elementit me klasën
block, dhe t'i ngjyrosim ato në ngjyra të ndryshme.
Le të përdorim për këtë selektorin e pasardhësve (që është
hapësira midis selektorëve):
.block h2 {
color: red;
}
.block p {
color: green;
}
Jepet kodi i mëposhtëm:
<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>
Ngjyrosni të gjitha etiketat i,
që ndodhen në elementët me klasën eee, në të kuqe.