Uniwersalny selektor w CSS

Uniwersalny selektor * pozwala wybierać wszystkie elementy.

Przykład

Wybierzmy wszystkie elementy i pokolorujmy je na czerwono:

css* {
  color: red;
}

Przykład

Wybierzmy wszystkie elementy znajdujące się wewnątrz znacznika div i pokolorujmy je na czerwono:

cssdiv * {
  color: red;
}

Przykład

Wybierzmy wszystkie elementy bezpośrednio znajdujące się wewnątrz znacznika div i pokolorujmy je na czerwono:

cssdiv > * {
  color: red;
}

Przykład

Wybierzmy wszystkie znaczniki span, które znajdują się wewnątrz dowolnego elementu, który z kolei znajduje się wewnątrz znacznika div:

cssdiv * span {
  color: red;
}

Zadania praktyczne

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