CSS 疑似要素の単一コロンまたは二重コロン: 開発者はどちらの表記法を使用する必要がありますか?

擬似要素にシングル コロン表記またはダブル コロン表記を使用する: 開発者向けの決定

CSS のシングル コロン (: 擬似要素表記)最新のブラウザでは下位互換性がサポートされていますが、Internet Explorer 7 および 8 では依然として二重コロンが使用されています。 (::) 表記法。これは開発者にとって、どの表記法を使用すべきかという疑問を引き起こします。

カンマを介して両方の表記法を組み合わせて使用​​することで、IE8 ユーザーと最新のブラウザーの両方に対応できると主張する人もいます。 CSS 2.1 標準によれば、ユーザー エージェントがセレクターを解析できない場合、ルール ブロック全体を無視する必要があります。したがって、CSS 2.1 準拠のユーザー エージェントは、両方の表記法を使用するセレクターのルール全体を無視してください。

IE8 との互換性を向上させるために、両方の表記法を個別に使用することもできます。

.foo:after { /*styles*/ }
.foo::after { /*styles*/ }

ただし、このアプローチは冗長で不必要になる可能性があります。

現時点では、減少傾向に対応しながら最新のブラウザとの下位互換性を維持するため、シングルコロン表記を使用することをお勧めします。 IE8の市場シェア。 IE8 の使用量がごくわずかになると、コードベースの検索と置換ソリューションはダブルコロン表記に簡単に移行でき、すべてのブラウザーで疑似要素のスタイルのサポートが強化されます。

以上がCSS 疑似要素の単一コロンまたは二重コロン: 開発者はどちらの表記法を使用する必要がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。