CSS クラス名の先頭の数字は検証できますか?

先頭に数字が含まれる無効な CSS クラス名: 回避策

HTML では、「.000000-」などの数字で始まるクラス名が許可されていますが、 8」のブラウザでは、これらのクラスに関する問題が表示されることがよくあります。ただし、先頭に数字が付いている CSS クラスを検証する回避策は存在します。

数字のエスケープ

CSS 構文によれば、CSS 識別子はエスケープされていない数字で始めることはできません。ただし、この制限は、数字をエスケープすることで回避できます。

数字をエスケープするための構文

数字をエスケープするには、次の形式を使用します:

.\<octal_number></octal_number>

ここでは、は、数字の 8 進表現を表します。

例

クラス名 ".000000-8" の数字 "0" をエスケープするには、次のセレクターを使用します。

. 00000-8

簡素化されたエスケープ

または、8 進数をゼロ埋めされた 10 進数文字列として表すことにより、エスケープを簡略化することもできます。

.003000000-8

これらのセレクターは両方とも、クラス名「000000-8」の要素と一致します。

注意

この回避策では、先頭が付いているクラス名を使用できます。通常、そのような名前は避けることをお勧めします。これらは互換性の問題を引き起こし、CSS セレクターの読み取りと保守を困難にする可能性があります。

以上がCSS クラス名の先頭の数字は検証できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。