Univerzální selektor v CSS

Univerzální selektor * umožňuje vybírat všechny prvky.

Příklad

Pojďme vybrat všechny prvky a obarvit je červeně:

css* {
  color: red;
}

Příklad

Pojďme vybrat všechny prvky nacházející se uvnitř tagu div a obarvit je červeně:

cssdiv * {
  color: red;
}

Příklad

Pojďme vybrat všechny prvky přímo nacházející se uvnitř tagu div a obarvit je červeně:

cssdiv > * {
  color: red;
}

Příklad

Pojďme vybrat všechny tagy span, které se nacházejí uvnitř jakéhokoli tagu, který je zároveň uvnitř tagu 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>