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ā:

css* {
  color: red;
}

Piemērs

Atlasīsim visus elementus, kas atrodas iekšā div elementā, un iekrāsosim tos sarkanā krāsā:

cssdiv * {
  color: red;
}

Piemērs

Atlasīsim visus elementus, kas tieši atrodas iekšā div elementā, un iekrāsosim tos sarkanā krāsā:

cssdiv > * {
  color: red;
}

Piemērs

Atlasīsim visus span elementus, kas atrodas jebkura elementa iekšā, kurš savukārt atrodas div elementa iekšā:

cssdiv * span {
  color: red;
}

Praktiskie uzdevumi

html<main>
  <p>---</p>
  <p>---</p>
  
  <div>
    <p>+++</p>
    <p>+++</p>
  </div>
  <section>
    <p>+++</p>
    <p>+++</p>
  </section>
</main>