重複の可能性:
CSS クラス名で有効な文字は?
これがこのようなものであると思われる場合はしないでください.3plansというクラスを指定すると、スタイリングが適用されません. しかし、クラス名を .plans に変更すると、スタイルが認識されます。何故ですか?.3plans クラスは一意であり、私のシートにはそのようなスタイルは他にないため、重複することはできません。この現象は一般的な CSS プラクティスですか? (スタイルに数値を使用しないでください)
重複の可能性:
CSS クラス名で有効な文字は?
これがこのようなものであると思われる場合はしないでください.3plansというクラスを指定すると、スタイリングが適用されません. しかし、クラス名を .plans に変更すると、スタイルが認識されます。何故ですか?.3plans クラスは一意であり、私のシートにはそのようなスタイルは他にないため、重複することはできません。この現象は一般的な CSS プラクティスですか? (スタイルに数値を使用しないでください)
class
&が番号から始まる場合ID
、css によって認識されません。.plans3
しかし、代わりにこのように書くことができます.3plans
。
W3cによると
CSS では、識別子 (セレクターの要素名、クラス、および ID を含む) には、文字 [a-z0-9] と ISO 10646 文字 U+00A1 以降、およびハイフン (-) とアンダースコアー (_) のみを含めることができます。 ; 数字で始めることも、ハイフンの後に数字を続けることもできません。識別子には、エスケープ文字と ISO 10646 文字を数値コードとして含めることもできます (次の項目を参照)。たとえば、識別子「B&W?」「B\&W\?」と表記される場合があります。または「B\26 W\3F」。
詳細については、このディスカッションを確認してくださいCSS クラス名/セレクターで有効な文字はどれですか?
誰かがこれを指摘するまで、これはしばらく私を困惑させました。W3C から:
CSS2 では、識別子 (セレクターの要素名、クラス、および ID を含む) には、文字 [A-Za-z0-9] と ISO 10646 文字 161 以上、およびハイフン (-) のみを含めることができます。ハイフンや数字で始めることはできません。また、エスケープ文字や ISO 10646 文字を数値コードとして含めることもできます (次の項目を参照)。たとえば、識別子「B&W?」「B\&W\?」と表記される場合があります。または「B\26 W\3F」。
クラス名は数字で始めることができますが、その場合は数字をエスケープコードとして記述する必要があります。
.\33plans { ... }
33
文字の16進文字コードです3
。
W3CCSS検証サービスは次のように述べています。
"CSS1では、クラス名は数字(" .55in ")でない限り、数字(" .55ft ")で始めることができます。CSS2では、そのようなクラスは不明な次元として解析されます(将来の新しい単位の追加を可能にするため) )「3plans」を有効なクラスにするために、CSS2では最初の桁をエスケープする必要があります"。\33plans" [3plans] "
基本的に、名前はアンダースコア (_)、ダッシュ (-)、または文字 (a–z) で始まり、任意の数のダッシュ、アンダースコア、文字、または数字が続く必要があります。
詳細情報を確認してくださいhttp://www.w3.org/TR/CSS21/grammar.html#scanner