CSS选择器区分大小写吗?

And*_*Vit 26 css cross-browser css-selectors

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

<li id="News_tab">...
Run Code Online (Sandbox Code Playgroud)

我总是以小写形式编写我的CSS选择器,所以当我尝试使用#news_tab它时,它不适用,但#News_tab有效.

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

Ein*_*cio 30

CSS本身不区分大小写,但HTML(类和id)中的选择器区分大小写:

关于区分大小写的CSS建议

HTML推荐,id属性(注意[CS])


Rob*_*mer 9

CSS4(CSS Selector Level 4)增加了对不区分大小写匹配的支持(仅限ASCII).

input[value='search' i]

这是最后的"我",可以做到这一点......

检查我的其他答案,了解哪些浏览器支持此功能.


DA.*_*DA. 6

类和ID属性区分大小写.

  • 我喜欢这一行:*减轻区分大小写的任何潜在问题的最简单方法是始终对标记和CSS中的所有内容使用小写.* (3认同)