Question

我最近更新了CMS网站，并且标签导航插件插入了以下标记：

<li id="News_tab">...

我总是用小写编写我的CSS选择器，所以当我尝试用#news_tab设置它时，它不适用，但#News_tab有效。

经过这么多年，我很惊讶我之前没有遇到过这种情况，所以我一直认为CSS不区分大小写。 CSS一直是区分大小写的，我只是没有注意到我的一致代码风格吗？

Answer 1

CSS本身不区分大小写，但HTML中的选择器（类和id）区分大小写：

Answer 2

CSS4（CSS Selector Level 4）增加了对不区分大小写匹配的支持（仅限ASCII）。

input[value='search' i]

最后的“我”可以做到这一点......

检查我的other answer，了解哪个浏览器支持此功能。

Answer 3

类和ID属性区分大小写。

Answer 4

所有CSS语法在ASCII范围内都不区分大小写（即，[a-z]和[A-Z]是等价的），除了不受CSS控制的部分

来自docs网站。

选择者的后续行动：

选择器中文档语言元素名称的区分大小写取决于文档语言。例如，在HTML中，元素名称不区分大小写，但在XML中，它们区分大小写。