0

重複の可能性:
CSS クラス名で有効な文字は?

これがこのようなものであると思われる場合はしないでください.3plansというクラスを指定すると、スタイリングが適用されません. しかし、クラス名を .plans に変更すると、スタイルが認識されます。何故ですか?.3plans クラスは一意であり、私のシートにはそのようなスタイルは他にないため、重複することはできません。この現象は一般的な CSS プラクティスですか? (スタイルに数値を使用しないでください)

4

4 に答える 4

6

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 クラス名/セレクターで有効な文字はどれですか?

于 2012-06-19T11:33:38.420 に答える
3

誰かがこれを指摘するまで、これはしばらく私を困惑させました。W3C から:

CSS2 では、識別子 (セレクターの要素名、クラス、および ID を含む) には、文字 [A-Za-z0-9] と ISO 10646 文字 161 以上、およびハイフン (-) のみを含めることができます。ハイフンや数字で始めることはできません。また、エスケープ文字や ISO 10646 文字を数値コードとして含めることもできます (次の項目を参照)。たとえば、識別子「B&W?」「B\&W\?」と表記される場合があります。または「B\26 W\3F」。

于 2012-06-19T11:33:58.997 に答える
1

クラス名は数字で始めることができますが、その場合は数字をエスケープコードとして記述する必要があります。

.\33plans { ... }

33文字の16進文字コードです3

W3CCSS検証サービスは次のように述べています。

"CSS1では、クラス名は数字(" .55in ")でない限り、数字(" .55ft ")で始めることができます。CSS2では、そのようなクラスは不明な次元として解析されます(将来の新しい単位の追加を可能にするため) )「3plans」を有効なクラスにするために、CSS2では最初の桁をエスケープする必要があります"。\33plans" [3plans] "

于 2012-06-19T11:37:33.083 に答える
1

基本的に、名前はアンダースコア (_)、ダッシュ (-)、または文字 (a–z) で始まり、任意のダッシュアンダースコア文字、または数字が続く必要があります。

詳細情報を確認してくださいhttp://www.w3.org/TR/CSS21/grammar.html#scanner

于 2012-06-19T11:35:11.227 に答える