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

擬似要素の単一コロン表記法と二重コロン表記法: 実践的なアプローチ

CSS で擬似要素を対象とする場合、単一 (:after) と二重のどちらを選択するか(::after) コロン表記は、ブラウザの互換性のために議論されています。最近のブラウザは両方の表記法をサポートしていますが、古いバージョンの Internet Explorer (IE7 および IE8) は二重コロン表記法をサポートしていません。

単一コロン表記法と両方の表記法

サポートするには両方の表記法を使用します。どのブラウザでも魅力的に見えるかもしれませんが、このアプローチはお勧めできません。 CSS 2.1 仕様によれば、ユーザー エージェントは無効なセレクター (単一コロン表記と二重コロン表記の組み合わせなど) に遭遇した場合、ルール全体を無視する必要があります。

無効なセレクターの例:

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

最適な表記法を選択する

潜在的な互換性を考慮して現在の Web 開発では、単一コロン表記のみを使用する方がより信頼性の高いオプションです。 IE8 の市場シェアはまだわずかですが、そのユーザー ベースを考慮し、少数ながら依然として重要なユーザー グループのスタイルを破壊する可能性を避けることが重要です。

将来のダブル コロン表記

1 回IE8 の市場シェアが無視できるほどになったら、より具体的なターゲティング機能を活用するために、二重コロン表記の使用の問題を再考することができます。ただし、当面は単一コロン表記が最も現実的な選択肢となります。

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