Univerzálny selektor v CSS

Univerzálny selektor * umožňuje vybrať všetky elementy.

Príklad

Vyberme všetky elementy a nastavme im červenú farbu textu:

css* {
  color: red;
}

Príklad

Vyberme všetky elementy, ktoré sa nachádzajú vnútri elementu div, a nastavme im červenú farbu textu:

cssdiv * {
  color: red;
}

Príklad

Vyberme všetky elementy, ktoré sú priamymi potomkami elementu div, a nastavme im červenú farbu textu:

cssdiv > * {
  color: red;
}

Príklad

Vyberme všetky elementy span, ktoré sa nachádzajú vnútri ľubovoľného elementu, ktorý je naopak vnútri elementu div:

cssdiv * span {
  color: red;
}

Praktické úlohy

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