Seletor universal
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
O seletor universal do CSS (*
) aplica estilos a elementos de qualquer tipo.
css
/* 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
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
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
Specification |
---|
Selectors Level 4 # the-universal-selector |
Compatibilidade com navegadores
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Universal selector ( * ) | ||||||||||||
Namespaces ( *|* ) |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.