【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

建议使用小写字母。