Universālais selektors CSS
Universālais selektors * ļauj
atlasīt visus elementus.
Piemērs
Atlasīsim visus elementus un iekrāsosim tos sarkanā krāsā:
* {
color: red;
}
Piemērs
Atlasīsim visus elementus, kas atrodas
iekšā div elementā, un iekrāsosim tos sarkanā
krāsā:
div * {
color: red;
}
Piemērs
Atlasīsim visus elementus, kas tieši atrodas
iekšā div elementā, un iekrāsosim
tos sarkanā krāsā:
div > * {
color: red;
}
Piemērs
Atlasīsim visus span elementus, kas
atrodas jebkura elementa iekšā, kurš savukārt
atrodas div elementa iekšā:
div * span {
color: red;
}
Praktiskie uzdevumi
Dots kods:
<main>
<p>---</p>
<p>---</p>
<div>
<p>+++</p>
<p>+++</p>
</div>
<section>
<p>+++</p>
<p>+++</p>
</section>
</main>
Uzrakstiet selektoru, kas atlasīs visus rindkopas,
kas atrodas jebkura vecāka elementa iekšā
main elementā.