Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Dúvida a respeito do seletor *(all)

Gostaria de saber porque o seletor * se sobrepõe a diversos seletores sendo que ele seria mais genérico desta forma perdendo para seletores mais específicos. Um exemplo da aula 03, de html5 e css3:

body{
    font-family: "Crimson Text", serif;
    background-color: #f2fffc;
    font-size: 120%;
}

*{
    font-family: "Crimson Text", serif;
    background-color: #f2fffc;
    font-size: 120%;
}

Quando uso o segundo seletor ele se sobrepõe a diversos seletores, porque isso acontece os dois seletores acima não deveriam gerar o mesmo efeito? Obrigado.

2 respostas
solução!

Boa noite, Victor! Tudo bem, cara? =)

Quando você utiliza o seletor *, é como se você estivesse indo elemento a elemento e definindo essas propriedades, mas com o mínimo de especificidade.

Já quando você usa o seletor body, você está na verdade definindo as propriedades apenas do <body>. O restante acaba pegando essas propriedades, devido à herança... Lembre-se: CSS = Cascading Style Sheets, ou seja, folhas de estilo em cascata... Muitas das propriedades possuem o valor inherit, por padrão, por isso acabam ficando o mesmo valor.

Ao usar o *, você está definindo um valor para ela, diferente do inherit, sacou? =)

Espero ter ajudado, mas qualquer dúvida não deixe de postar por aqui para que possamos ajudá-lo! =)

Abraço e bons estudos,

Fábio

Agora ficou claro, obrigado.