Seletor Universal em CSS

O seletor universal * permite selecionar todos os elementos.

Sintaxe

css* {
  
}

Exemplo

Vamos selecionar todos os elementos e colori-los de vermelho:

css* {
  color: red;
}

Exemplo

Vamos selecionar todos os elementos localizados dentro da tag div e colori-los de vermelho:

cssdiv * {
  color: red;
}

Exemplo

Vamos selecionar todos os elementos diretamente contidos dentro da tag div e colori-los de vermelho:

cssdiv > * {
  color: red;
}

Exemplo

Vamos selecionar todos os elementos localizados dentro da tag span, que por sua vez está dentro de qualquer tag, que por sua vez está dentro da tag div:

cssdiv * span {
  color: red;
}

Veja também