Descendant Selector og Klasser i CSS
La oss si vi har følgende kode:
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
La oss velge alle overskrifter h2 og
avsnitt som befinner seg inne i et element med klassen
block, og fargelegge dem i forskjellige farger.
Vi bruker descendant selector (som er
mellomrom mellom selektorer):
.block h2 {
color: red;
}
.block p {
color: green;
}
Følgende kode er gitt:
<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>
Fargelegg alle i-taggene i rød farge,
som befinner seg i elementer med klassen eee.
