Afkommer-vælger og klasser i CSS
Lad os sige, 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>
Lad os vælge alle overskrifter h2 og
afsnit, der befinder sig inde i et element med klassen
block, og farv dem i forskellige farver.
Vi bruger til dette afkommer-vælgeren (som er
mellemrummet mellem vælgere):
.block h2 {
color: red;
}
.block p {
color: green;
}
Følgende kode er givet:
<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>
Far alle i tags
, der befinder sig i elementer med klassen eee, i rød.
