我可以在CSS类名中使用camel-case

Question

我想命名一个CSS类并将其命名为imgSuper。我可以在CSS类中使用camel-casing吗？

Answer 1

技术上是的，但它有风险，因为虽然CSS语法大部分不区分大小写，但在某些情况下，某些浏览器会将类名视为区分大小写，因为规范没有指定浏览器在匹配CSS规则时应如何处理大小写到HTML类名。

来自the spec，section 4.1.3：

  

所有CSS语法在ASCII范围内都不区分大小写...

     

在CSS中，标识符（包括选择器中的元素名称，类和ID）只能包含字符[a-zA-Z0-9]和ISO 10646字符U + 00A1和更高，加上连字符（ - ）和下划线（_）;它们不能以数字开头，也不能以数字后跟连字符开头。标识符还可以包含转义字符和任何ISO 10646字符作为数字代码（请参阅下一项）。例如，标识符“B＆amp; W？”可以写成“B \＆amp; W \？”或“B \ 26 W \ 3F”。

     

... HTML属性“id”和“class”，字体名称和URI的值的区分大小写超出了本规范的范围。

最好不要在案例敏感的情况下学习浏览器和条件，最好只是意识到最好的方法是最兼容的：在给定CSS类的所有代码中使用相同的大小写，并且不要创建两个或者更多CSS类名，仅在大小写方面有所不同。

Answer 2

不确定。 Here是官方规则;基本上你不应该用数字开始名字，你可以使用字母，数字，连字符，下划线，转义或编码字符。

然而，作为惯例，通常使用连字符代替驼峰情况。

Answer 3

是的，类名区分大小写，因此工作正常。

但是，您应该知道某些浏览器会出错，并且不会将类名视为区分大小写。因此，您应该避免同时使用同名的大小写变体。某些浏览器可能会将类imgSuper和imgsuper视为相同。

Answer 4

是的，你可以。如果你在你的css文件中调用一个类“fooBar”，你在标记中分配class =“fooBar”时使用一致的上限，那就确定了。