Skip to main content
adicionou 299 caracteres ao conteúdo
Fonte Link
Wallace Vizerra
  • 107,4mil
  • 106
  • 440
  • 920

* é chamado de seletor universal. Esse seletor representa todos os elementos serão afetados pela configuraçãopelas definições de estilo ali colocadas.

Por exemplo, eu costumo usar muito pra poder aplicar uma determinada estilização em todos os elementos da página:

* { box-sizing: border-box; }

DeveÉ claro que deve-se ter cuidado ao usar o asterisco, para não afetar configurações padrões de alguns elementos.

Observe que, no caso específico da sua pergunta, o asterisco sozinho afeta todos os elementos, mas é possível afetar apenas todos elementos que sejam filho de outros.

Exemplo:

p * {
   padding: 10px;
}

Ou seja, tudo que estiver dentro dos <p>, vão ter o padding de 10px.

Além disso, é possível fazer várias outras combinações com o seletor *, mas, em suma, ele sempre representará "todos os elementos".

* é chamado de seletor universal. Esse seletor representa todos os elementos serão afetados pela configuração ali colocadas.

Por exemplo, eu costumo usar muito pra poder aplicar uma determinada estilização em todos os elementos:

* { box-sizing: border-box; }

Deve-se ter cuidado ao usar o asterisco, para não afetar configurações padrões de alguns elementos.

* é chamado de seletor universal. Esse seletor representa todos os elementos serão afetados pelas definições de estilo ali colocadas.

Por exemplo, eu costumo usar muito pra poder aplicar uma determinada estilização em todos os elementos da página:

* { box-sizing: border-box; }

É claro que deve-se ter cuidado ao usar o asterisco, para não afetar configurações padrões de alguns elementos.

Observe que, no caso específico da sua pergunta, o asterisco sozinho afeta todos os elementos, mas é possível afetar apenas todos elementos que sejam filho de outros.

Exemplo:

p * {
   padding: 10px;
}

Ou seja, tudo que estiver dentro dos <p>, vão ter o padding de 10px.

Além disso, é possível fazer várias outras combinações com o seletor *, mas, em suma, ele sempre representará "todos os elementos".

Fonte Link
Wallace Vizerra
  • 107,4mil
  • 106
  • 440
  • 920

* é chamado de seletor universal. Esse seletor representa todos os elementos serão afetados pela configuração ali colocadas.

Por exemplo, eu costumo usar muito pra poder aplicar uma determinada estilização em todos os elementos:

* { box-sizing: border-box; }

Deve-se ter cuidado ao usar o asterisco, para não afetar configurações padrões de alguns elementos.