CSSセレクタは大文字と小文字を区別しますか？

私は最近、CMSサイトを更新したとタブナビゲーションプラグインは次のマークアップを挿入していた：私は常に小文字で私のCSSセレクタを書いている私は#news_tabでこれをスタイルにしようとしたときに、それはwouldnCSSセレクタは大文字と小文字を区別しますか？

<li id="News_tab">...

をしかし、#News_tabが働いた。

これまで私がこれまでに遭遇していないことに驚いたので、CSSは大文字と小文字を区別しないという印象を受けました。 CSSは常に大文字と小文字を区別していますが、一貫したコードスタイルのおかげで気づいたことはありませんか？

2011-09-26 Andrew Vit

class属性またはid属性を開始するために大文字を使用しないでください。個人的には、私はそれらをまったく使用しません、ラクダのケーシングJSクラスを除いて。 – albert

@albertはい、私はキャップを使用しません...プラグインで生成されたもので、私のスタイルではありません。 –

DOCTYPEを使用していることを確認するか、奇妙な動作が起こる可能性があります。 –

CSS自体は大文字と小文字を区別しないが、HTML（クラスとID）からセレクタは大文字と小文字が区別され：

2011-09-26 18:04:03 Einacio

すべてのCSS構文は、大文字と小文字を区別しないCSSの制御下にない部分を除いて（すなわち、[AZ]と[AZ]は等価である）、ASCIIの範囲内である

ドキュメントのウェブサイトから。セレクタの

フォローアップ：

セレクタで、文書言語の要素名の大文字・小文字の区別は文書言語に依存します。例えば、HTMLでは、要素名は大文字小文字を区別しませんが、XMLでは大文字小文字を区別します。

2011-09-26 18:02:49

前述のとおり、CSSでは大文字と小文字は区別されませんが、HTMLでは制限が課されます。 –

クラスとID属性（[CS]を留意されたいです）大文字と小文字が区別されます：

2011-09-26 18:04:37

私はこの行が好きです：*大文字と小文字の区別を取り巻く潜在的な問題を軽減する最も簡単な方法は、マークアップとCSSのすべてに常に小文字を使用することです* – animuson

リンクはおそらくは目的の宛先に移動しません –

CSS4（CSS Selector Level 4）は、大文字と小文字を区別しない一致（ASCIIのみ）のサポートを追加しました。

input[value='search' i]

それは、「i」は、トリックを行うだろう最後に...

は、ブラウザがこれをサポート詳細については、私のother answerをチェックしています。

2014-11-03 19:34:27

答えて