Univerzalni selektor v CSS

Univerzalni selektor * omogoča izbiro vseh elementov.

Primer

Izberimo vse elemente in jih pobarvajmo rdeče:

css* {
  color: red;
}

Primer

Izberimo vse elemente, ki se nahajajo znotraj oznake div, in jih pobarvajmo rdeče:

cssdiv * {
  color: red;
}

Primer

Izberimo vse elemente, ki se neposredno nahajajo znotraj oznake div, in jih pobarvajmo rdeče:

cssdiv > * {
  color: red;
}

Primer

Izberimo vse oznake span, ki se nahajajo znotraj katere koli oznake, ki je nahaja znotraj oznake div:

cssdiv * span {
  color: red;
}

Praktične naloge

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