css - CSS「::」の意味

Question

この使い方はよく見かけます。特に疑似クラスの場合。CSSで「::」とはどういう意味ですか?

.a_demo_three::before {

Answer 1

MDNから:

1 つのコロン (:) ではなく、2 つのコロン (::) が表示される場合があります。これは CSS3 の一部であり、疑似クラスと疑似要素を区別する試みです。ほとんどのブラウザは両方の値をサポートしています。

したがって、 などの疑似クラスを使用する場合は、単一のコロンを使用します。、などの疑似要素を使用する場合は、コロンを 2 つ使用します。:hover:first-child::before::after::first-letter

---

もう 1 つ注意: W3C::では、ブラウザーはCSS 3 で導入された疑似要素の表記法のみを受け入れる必要があると述べているため、上記の推奨事項に従う必要があります :)