CSS选择器中的类名是否区分大小写？

Question

CSS选择器中的类名是否区分大小写？我一直在读css不区分大小写的东西，但是我有这个选择器。.holiday-type.Selfcatering当我在我的HTML中使用时，像这样，它就会被捡起来。<div class="holiday-type Selfcatering">如果我像这样更改上面的选择器.holiday-type.SelfCatering然后风格就不会被采纳。有人在说谎。

Answer 1

CSS选择器通常不区分大小写；这包括类和ID选择器。

但HTML类名是区分大小写(请参阅属性定义)，这将导致第二个示例中的不匹配。这一点并没有改变。HTML 5.¹

这是因为选择器的区分大小写。取决于文档语言所说的内容。:

在ASCII范围内，所有选择器语法都是不区分大小写的(即[a-z]和[A-Z]是等效的)，但不受选择器控制的部分除外。选择器中的文档语言元素名称、属性名称和属性值的区分大小写取决于文档语言。

因此，给定一个HTML元素Selfcatering类但没有SelfCatering类，选择器.Selfcatering和[class~="Selfcatering"]将匹配，而选择器.SelfCatering和[class~="SelfCatering"]不会的。²

如果文档类型将类名定义为不区分大小写，则不管如何，都会有匹配。

---

¹ _{对于所有浏览器，类和ID都是不区分大小写的。这意味着不匹配的选择器将永远匹配。由于遗留原因，此行为在所有浏览器上都是一致的，并在这篇文章.}

² _{不管值多少钱，4级选择器包含建议的语法，用于强制对属性值进行不区分大小写的搜索。[class~="Selfcatering" i]或[class~="SelfCatering" i]..这两个选择器都会将HTML或XHTML元素与Selfcatering类或a类SelfCatering类(当然，两者兼而有之)。然而，对于类或ID选择器没有这样的语法(尚未？)，可能是因为它们的语义与常规属性选择器(这些属性选择器具有不同的语义)。不)，或者因为很难找到一个可用的语法。}

Answer 2

也许不是谎言，但需要澄清。

实际CSS本身不区分大小写。

例如

wiDth:100%;

但是名字，它们必须区分大小写，才能成为唯一的标识符。

希望能帮上忙。