疑似要素の単一コロンまたは二重コロン表記: 最良のアプローチは何ですか?

Web 開発における疑似要素表記のナビゲート

IE7 や IE8 を含む多くのブラウザでは、疑似要素のダブルコロン表記のサポートが制限されています-::after のような要素。最新のブラウザでは、下位互換性のためにシングルコロン表記 (:after) がサポートされています。このため、シングルコロン表記のみを使用し、IE8 の市場シェアが減少したときに後でコードを更新するかどうかという問題が生じます。

シングル コロン表記とダブル コロン表記

両方を使用する一緒に表記することはお勧めできません。 CSS 2.1 準拠のユーザー エージェントは、セレクターを解析できない場合、ルール全体を無視します。

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

推奨事項

当面は、これに従うのが最善です。擬似要素の単一コロン表記 (:after)。これはより簡潔であり、広くサポートされています。 IE8 の市場シェアは無視できるほどになっているため、コードを再考して、より明確にするためにダブルコロン表記を使用することを検討してください。

以上が疑似要素の単一コロンまたは二重コロン表記: 最良のアプローチは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。