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.

questionAnswers(2)

yourAnswerToTheQuestion