[CSS] 疑似要素のコロンの数は?(:before? ::before?)

こんにちは。

CSSで疑似要素を使うときに、
「コロンの数って1個だっけ?2個だっけ?」
ってなったことはありませんか?

結論から言うと、どちらでも問題ありませんが、

CSS3からは『コロン2個』

になりました。これからは、コロン2個にすれば良いですね。
ちなみに、

コロン1個:疑似クラス
コロン2個:疑似要素

だそうです。

まとめ

::before や ::after は疑似要素のため、CSS3からは『コロン2個』になります。