Uniwersalny selektor w CSS

Uniwersalny selektor * pozwala wybierać wszystkie elementy.

Składnia

css* {
  
}

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 elementy znajdujące się wewnątrz znacznika span, który z kolei znajduje się wewnątrz dowolnego znacznika, który z kolei znajduje się wewnątrz znacznika div:

cssdiv * span {
  color: red;
}

Zobacz też