Selectorul de descendenți și clasele în CSS
Să presupunem că avem următorul cod:
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
Să selectăm toate titlurile h2 și
paragrafele care se află în interiorul elementului cu clasa
block și să le colorăm în culori diferite.
Vom folosi pentru aceasta selectorul de descendenți (care este
spațiul dintre selectori):
.block h2 {
color: red;
}
.block p {
color: green;
}
Este dat următorul cod:
<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>
Colorați în roșu toate tag-urile i,
care se află în elementele cu clasa eee.
