Seletor Universal em CSS
O seletor universal * permite
selecionar todos os elementos.
Exemplo
Vamos selecionar todos os elementos e colori-los de vermelho:
* {
color: red;
}
Exemplo
Vamos selecionar todos os elementos localizados
dentro da tag div e colori-los de vermelho:
div * {
color: red;
}
Exemplo
Vamos selecionar todos os elementos localizados
diretamente dentro da tag div e colori-los
de vermelho:
div > * {
color: red;
}
Exemplo
Vamos selecionar todas as tags span que
estão dentro de qualquer tag que por sua vez
está dentro da tag div:
div * span {
color: red;
}
Tarefas práticas
Dado o código:
<main>
<p>---</p>
<p>---</p>
<div>
<p>+++</p>
<p>+++</p>
</div>
<section>
<p>+++</p>
<p>+++</p>
</section>
</main>
Escreva um seletor que selecione todos os parágrafos
localizados dentro de qualquer elemento pai dentro
da tag main.
