【CSS】CSS对大小写敏感吗？

微信订阅号：Rabbit_svip

问：CSS对大小写敏感吗？（CSS区分大小写吗？）

这个问题并不是那么好回答。

有部分书上说CSS不区分大小写，但这种说法其实并不那么严谨。因为ID选择器和类选择器对大小写敏感，而选择器是CSS的支柱。

比如下面的代码

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

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

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

微信订阅号：Rabbit_svip

这是上面代码的效果。

在选择器里：

• ID 和 类 选择器 区分 大小写
• 标签选择器、属性选择器不区分大小写

类选择器和 ID 选择器可能是区分大小写的。这取决于文档的语言。HTML 和 XHTML 将类和 ID 值定义为区分大小写，所以类和 ID 值的大小写必须与文档中的相应值匹配。

—— W3C

建议使用小写字母。