#书摘 #css #前端
《CSS 选择器世界》3.1 CSS选择器是否区分大小写
CSS选择器有些区分大小写,有些不区分大小写,还有些可以设置为不区分大小写。

HTML中,标签和属性都是不区分大小写的,而属性值是区分大小写的。
相对应地,在CSS中,标签选择器不区分大小写,属性选择器中的属性也不区分大小写,而类选择器和ID选择器本质上是属性值,因此要区分大小写

然而,随着各大浏览器支持属性选择器中的属性值时也不区分大小写(在 ] 前面加一个 i ),已经没有严格意义上的对大小写敏感的选择器了,因为类选择器和ID选择器本质上也是属性选择器。因此,如果希望HTML中的类名对大小写不敏感,可以这样:

[class~="val" i] {}​​
 
 
Back to Top