Seletor universal

O seletor universal do CSS (*) aplica estilos a elementos de qualquer tipo.

/* Seleciona todos os elementos */
* {
  color: green;
}

A partir do CSS3, o asterisco pode ser combinado com namespaces (en-US):

  • ns|* - aplica a todos os elementos no namespace ns
  • *|* - aplica a todos elementos
  • |* - aplica a todos os elementos que não tem namespaces declarados

Sintaxe

* { propriedades de estilo }

O asterisco é opcional para seletores simples. Por exemplo, *.atencao e .atencao são equivalentes.

Exemplos

CSS

* [lang^=pt] {
  color: green;
}

*.atencao {
  color: red;
}

*#conteudoprincipal {
  border: 1px solid blue;
}

.flutuando {
  float: left
}

/* automaticamente aplica clear ao próximo irmão após o elemento com a classe .flutuando */
.flutuando + * {
  clear: left;
}

HTML

<p class="atencao">
  <span lang="pt-br">Um span verde</span> em um parágrafo vermelho.
</p>
<p id="conteudoprincipal" lang="pt-pt">
  <span class="atencao">Um span vermelho</span> em um parágrafo verde.
</p>

Resultado

Especificações

Especificação Status Comentário
Selectors Level 4
The definition of 'Seletor universal' in that specification.
Rascunho atual Sem mudanças
Selectors Level 3
The definition of 'Seletor universal' in that specification.
Recomendação Define o comportamente de acordo com os namespaces e adiciona uma sugestão de que é possivel omitir o seletor em pseudo-elementos
CSS Level 2 (Revision 1)
The definition of 'Seletor universal' in that specification.
Recomendação Definição inicial

Compatibilidade com navegadores

BCD tables only load in the browser