Descendant selector en klassen in CSS
Stel dat we de volgende code hebben:
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
Laten we alle koppen h2 en
alinea's die zich binnen een element met de klasse
block bevinden, selecteren
en ze in verschillende kleuren kleuren.
Laten we hiervoor de descendant selector gebruiken (dat is
een spatie tussen selectors):
.block h2 {
color: red;
}
.block p {
color: green;
}
De volgende code is gegeven:
<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>
Kleurt u alle i tags rood,
die zich in elementen met de klasse eee bevinden.
