Seletor universal * e pseudo-elementos
O seletor universal*
afetar pseudo-elementos como:before
e:after
?
Deixe-me usar um exemplo:
Ao fazer isso:
* { box-sizing: border-box; }
... a declaração acima não inclui / afeta automaticamente pseudo-elementos como:before
e:after
também?
Ou, para afetar pseudo-elementos como:before
e:after
, é preciso declarar isso?
*, *:before, *:after { box-sizing: border-box; }
Isso faz sentido?
Eu sempre usei apenas* { box-sizing: border-box; }
e nunca tive nenhum problema com pseudo-elementos. Mas eu vejo muitos tutoriais fazendo*, *:before, *:after
mas eles nunca explicam realmente porque incluem*:before, *:after
na declaração.