Selektor potomków i klasy w CSS
Załóżmy, że mamy następujący kod:
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
Wybierzmy wszystkie nagłówki h2 i
akapity znajdujące się wewnątrz elementu z klasą
block i pokolorujmy je na różne kolory.
Użyjmy do tego selektora potomków (który jest
spacją między selektorami):
.block h2 {
color: red;
}
.block p {
color: green;
}
Dany jest następujący kod:
<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>
Pokoloruj na czerwono wszystkie znaczniki i,
znajdujące się w elementach z klasą eee.
