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

二重コロンのジレンマ: 擬似要素は単一か二重か?

CSS 擬似要素の世界では、単一コロン(例:after) および二重コロン (例::after) 表記は、開発者間での議論。 IE7 と IE8 がダブル コロンをサポートしていないことを考えると、後で元に戻すオプションを付けてシングル コロンのみを使用するのが賢明なのかどうか疑問を持つ人もいます。

シングル コロンに対する議論

シングルコロン表記のみの使用の支持者は、最新のブラウザでシングルコロン表記が広くサポートされていることを挙げています。このアプローチにより、IE7 および IE8 との下位互換性のための個別のルールの必要がなくなります。

二重コロンの場合

他の人は、単一コロンと並行して二重コロンを使用すると主張しています。コードサンプルに見られるように、

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

はさらなる柔軟性を提供します。二重コロン ルールを含めることで、開発者は二重コロン擬似要素に固有の拡張スタイル オプションを提供する可能性のある将来のブラウザをターゲットにすることができます。

警告: 結合表記は避けてください

単一のルール内で単一コロンと二重コロンの両方をコンマで区切って使用することは、強く推奨されないことに注意することが重要です。単一コロンと二重コロンの組み合わせなどの構文エラーが含まれる場合、ブラウザはルール全体を無視する可能性があります。

推奨: 現時点では単一コロン

最大限の互換性と簡潔にするため、当面は単一コロン表記を使用することをお勧めします。 IE7 と IE8 が徐々に知られなくなりつつあるため、開発者は潜在的な機能拡張のためにダブルコロン表記の使用を再評価できます。

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