短い答え ::beforeはCSS3の構文 :beforeはCSS2の構文 ということで、CSS3の::beforeを使う。 ていうか、そっちが推奨されてます。 以上です😎 ほんとにダブルコロンのほうでいいの? その昔、CSS2しかサポートしない古いブラウザ(IE8以下)対応のためにシングルコロンの:beforeを使うこともあったようですが、2020年8月現在でIE8のサポートが必要なことって、もうないですよね?あるのかな?ないですよね? シングルコロンの:beforeは最新のブラウザでもサポートされていて使えますが、特異な理由でIE8をサポートするなどでないかぎり、ダブルコロンで記述するのが良さそうです。 そもそも、2つのコロンで記述する擬似要素と1つのコロンで記述する擬似クラスを区別するために、CSS3で::beforeが導入されたそうです(MDNの記事中のメモ を参照)。 ダブルコ
![::beforeと:beforeはどっちが正しい書き方なんだっけ?](https://cdn-ak-scissors.b.st-hatena.com/image/square/cb40ef1b7382708ca17d36a820b7f7c31b09e470/height=288;version=1;width=512/https%3A%2F%2Fparashuto.com%2Frriver%2Fwp%2Fwp-content%2Fuploads%2F2020%2F08%2Fpseudo-elements-double-and-single-colons.png)