Esta tradução está incompleta. Por favor, ajude a traduzir este artigo.

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:

  • 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 dos Browsers

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Universal selector (*)Chrome Full support 1Edge Full support 12Firefox Full support 1IE Full support 7Opera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support 4Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes
Namespaces (*|*)Chrome Full support YesEdge Full support 12Firefox Full support 1IE Full support 9Opera Full support 8Safari Full support 1.3WebView Android Full support YesChrome Android Full support YesEdge Mobile Full support 12Firefox Android Full support 4Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support  
Full support

Etiquetas do documento e colaboradores

Etiquetas: 
Colaboradores desta página: synga
Última atualização por: synga,