我可以在CSS类名中使用骆驼案例

Question

我想命名一个CSS类并将其称为imgSuper。我可以在CSS类中使用骆驼套管吗？

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 & W？”可写成“B \ & W \？”或“B \ 26 W \ 3F”。

... HTML属性“id”和“class”，字体名称和URI的大小写敏感度不在本规范的范围之内。

，而不是学会了浏览器和这里的情况是敏感的情况下，这是最好的，你只要知道，最好的办法是最兼容的：使用相同的情况下，所有的代码为给定的CSS类，也不要创建两个或更多仅在大小写不同的CSS类名称。

Answer 2

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

但是，作为惯例，通常使用连字符代替骆驼情况。

Answer 3

是的，你可以。只要确保在你的标记中分配class =“fooBar”时，在你的css文件中调用一个类“fooBar”，你就可以使用一致的大小写。

Answer 4

是的，类名是区分大小写的，所以工作正常。

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