CSS クラスは数字で始めることができますか?回避策とベストプラクティス。

数字で始まる CSS クラスの回避策

数字で始まる CSS クラスの使用は推奨されませんが、有効にする回避策はあります。 .

クラス名の有効性

HTML5 によれば、クラス名は文字 (a-z または A-Z)、アンダースコア (_)、またはハイフン (-) で始めることができます。 。ただし、空白を含めることはできません。したがって、.000000-8 や .8FFFFFF などのクラス名は有効です。

CSS セレクターの無効性

CSS 構文ルールにより、CSS 識別子がエスケープされていない数字で始まることはできません。 。したがって、.000000-8 のようなセレクターは無効です。

回避策: 数字のエスケープ

CSS セレクターを有効にするには、CSS エスケープ ルールを使用して先頭の数字をエスケープできます。これは、次の方法で実現できます:

. 00000-8

または

.003000000-8 

これらのエスケープされたセレクターは、クラス名 000000-8 の要素と一致します。

推奨事項

これらの回避策では、先頭に数字を付けた CSS クラスの使用が許可されていますが、一般的には、このような命名規則は避けることをお勧めします。これにより、すべてのブラウザとの互換性が確保され、コードの可読性が維持されます。

以上がCSS クラスは数字で始めることができますか?回避策とベストプラクティス。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。