:before、:afterについて

Question

前回こちらで質問した際に頂いたご回答の中で、

*,
*::before,
*::after{
padding: 0;
margin: 0;
}

このようなコードを教えていただきました。
その際に「」は全ての要素を指すセレクタであるとの事だったのですが
純粋に疑問に思ったのが「」が全ての要素を指すのなら
なぜ*::before、*::afterも指定するのですか？
*だけではダメなのですか？

ご返答を頂いた際にお聞きしたかったのですが
本来の質問文と違う事でさらに返答を求めるのは
手間をかけさせてしまうと思い改めて質問させて頂きました。

よろしくお願い致します。

Answer 1

「*」が全ての要素を指すのなら

::before ::after は疑似要素なので要素に含まれません。

【疑似要素 (Pseudo-elements) - CSS: カスケーディングスタイルシート | MDN】
https://developer.mozilla.org/ja/docs/Web/CSS/Pseudo-elements

Comments

[aboo]

なるほどです、意味が分かりました！
*,*::before,*::after　の三種を指定する事で
漏れなく全体を指定するという事ですよね・・？

ありがとうございました＾＾！