Väljare för avkomlingar och klasser i CSS
Låt oss ha följande kod:
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
Låt oss välja alla rubriker h2 och
stycken som finns inuti ett element med klassen
block, och färga dem i olika färger.
Vi använder väljaren för avkomlingar för detta (vilket är
mellanslag mellan väljare):
.block h2 {
color: red;
}
.block p {
color: green;
}
Följande kod ges:
<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>
Färga alla i-taggar i rött,
som finns i element med klassen eee.
