Seletor universal do CSS (*)

Definição e uso

Seletor universal do CSS (*) é usado para escolher todos os tipos de elementos.

Seletor universal (*) você também pode escolher todos os elementos dentro de outro elemento (veja os exemplos abaixo).

Ao usar @namespace Neste caso, o seletor também pode ser limitado por espaço de nome.

  • ns|* - Escolha todos os elementos no espaço de nome ns
  • *|* - Escolha todos os elementos
  • |* - Escolha todos os elementos que não declararam nenhum espaço de nome

Exemplo

Exemplo 1

Escolha e defina o estilo de todos os elementos:

* {
  border: 2px solid green;
  background-color: beige;
}

Experimente você mesmo

Exemplo 2

Escolha e defina o estilo de todos os elementos dentro do elemento <div>:

div * {
    background-color: yellow;
}

Experimente você mesmo

Sintaxe do CSS

* {
  declarações css;
}

Sintaxe do CSS com nome de espaço

nome do espaço|* {
  declarações css;
}

Detalhes técnicos

Versão: CSS2

Suporte do navegador

Os números na tabela representam a primeira versão do navegador que completamente suporta esse seletor.

Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte