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

擬似要素の単一または二重コロン表記: ジレンマの明確化

擬似要素の単一または二重コロン表記の使用について要素を使用するには、ブラウザーの互換性を考慮することが重要です。 IE7 と IE8 はダブルコロン表記をサポートしていないため、シングルコロン表記のみを使用する必要がありますか?それとも、古いブラウザに対応するために両方の表記法を含めるべきでしょうか?

答え: 注意して続行してください

両方の表記法をカンマで区切って使用します (例: .foo:after)。 、.foo::after) は推奨されません。 CSS 2.1 仕様によれば、セレクターにエラーがあると、ルール全体が無視されます。これは、両方の表記法が使用されている場合、CSS 2.1 準拠のブラウザ (CSS3 非対応) はルール全体を無視することを意味します。

実行可能な代替手段

古いブラウザとの互換性が残っている場合懸念がありますが、少し異なるアプローチを選択することもできます。

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

この方法では、両方の表記法をサポートするブラウザとの互換性が保証されますが、不必要な冗長性が追加されます。

現在の推奨事項

現在のプロジェクトでは、擬似要素の単一コロン表記 (::) のみに従うことが賢明です。これは、ほとんどの最新のブラウザーが下位互換性のためにこの表記法をすでにサポートしているためです。 IE8 の市場シェアは低下し続けるため、レガシー ブラウザに対処する必要性は時間の経過とともに減少するでしょう。

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