Leszármazott szelektorok és osztályok a CSS-ben
Tegyük fel, hogy a következő kódunk van:
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
Válasszuk ki az összes h2 címet és
a bekezdéseket, amelyek a block osztályú
elemeken belül találhatók, és színezzük különböző színekre.
Használjuk ehhez a leszármazott szelektort (ami
szóköz a szelektorok között):
.block h2 {
color: red;
}
.block p {
color: green;
}
A következő kód adott:
<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>
Színezd pirosra az összes i taget,
amelyek a eee osztályú elemeken belül találhatók.
