CSS 属性では大文字と小文字が区別されますか?

CSS プロパティでは大文字と小文字が区別されません。CSS ではタグ セレクターと属性セレクターでは大文字と小文字が区別されませんが、クラス セレクターと ID セレクターではドキュメント言語によっては大文字と小文字が区別される場合があります。

#この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

Q: CSS では大文字と小文字が区別されますか? (CSS では大文字と小文字が区別されますか?)

この質問に答えるのは簡単ではありません。

一部の本では、CSS では大文字と小文字が区別されないと書かれていますが、この記述は実際にはそれほど厳密ではありません。 ID セレクターとクラス セレクターでは大文字と小文字が区別され、セレクターは CSS のバックボーンであるためです。

たとえば、次のコードです。

<p class="box"></p>
<p id="case"></p>

<style>
  /*有效*/
  p {
    width: 100px;
    height: 100px;
    border: 1px solid;
  }

  /*无效*/
  .Box {
    background: red;
  }
  
  /*无效*/
  #Case {
    background: blue;
  }
</style>

推奨: "

css ビデオ チュートリアル "

これは、効果の上のコード。

#セレクター内:

ID セレクターとクラス セレクターでは大文字と小文字が区別されます

• タグ セレクターと属性セレクターでは大文字と小文字が区別されません
• #クラス セレクターと ID セレクターでは大文字と小文字が区別される場合があります。これは文書の言語によって異なります。 HTML と XHTML では、クラスと ID の値の大文字と小文字が区別されるように定義されているため、クラスと ID の値の大文字と小文字はドキュメント内の対応する値と一致する必要があります。

—— W3C

では、小文字を使用することをお勧めします。

以上がCSS 属性では大文字と小文字が区別されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。