CSSで二重コロン（：:)はどういう意味ですか？

::CSSで二重コロン（）はどういう意味ですか？

例えば：

input[type=text]::-ms-clear { display: none; }

擬似要素セレクターを意味します。これは、右側の要素が通常のDOMには存在しないが、選択できることを意味します。

疑似要素は、2つのコロン（：:)とそれに続く疑似要素の名前で構成されます。

ソース

もともとは、単一のコロンでしたが、からそれを区別するために変更された疑似クラス（のような:hover、:first-child、:notなど）。シングルコロンのブラウザサポートが向上しているため、つまり以前のIEバージョンでは、:for 要素beforeとafterpseudo要素を使用するのが最適です。

::オペレータは、あなたが選択されていることを示し擬似要素、実際の要素として存在していませんが、それでもスタイリングのために標的とすることができるものを。

この例には、-ms-clear提供するサンプルなどのベンダー固有の実装が含まれます。ほとんどのブラウザーには、スクロールバーやその他のネイティブUI要素をスタイルするための疑似要素もありますが、実際的な理由で参照できる事前定義された疑似要素もたくさんあります。などfirst-lineとfirst-letter。

擬似要素も、あなたがしてCSSを使用して、ページに実際のコンテンツを挿入することができますルール。:before:aftercontent

W3Cはなどのa:visited疑似クラスをのような疑似要素と区別したかったため、CSS3は疑似要素の選択方法を変更しp::first-lineます。Advanced CSS Selectorsを参照してください。