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 julho de 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
Loading…