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

Question

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

Answer 1

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

从规范,4.1.3节:

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

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

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

不是学习案例敏感的浏览器和条件,而是最好只是意识到最好的方法是最兼容的:在给定CSS类的所有代码中使用相同的大小写,并且不创建两个或更多CSS类仅在案例中有所不同的名称.

Answer 2

是的，类名区分大小写，所以效果很好。

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

Answer 3

当然. 这是官方规则; 基本上你不应该用数字开始名字,你可以使用字母,数字,连字符,下划线,转义或编码字符.

然而,作为惯例,通常使用连字符代替骆驼箱.