Pēcteču selektori un klases CSS
Pieņemsim, ka mums ir šāds kods:
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
Atlasīsim visus virsrakstus h2 un
rindkopas, kas atrodas elementā ar klasi
block, un iekrāsosim tos dažādās krāsās.
Izmantosim tam pēcteču selektoru (kas ir
atstarpe starp selektoriem):
.block h2 {
color: red;
}
.block p {
color: green;
}
Dots šāds kods:
<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>
Iekrāsojiet sarkanā visus i tagus,
kas atrodas elementos ar klasi eee.
