css - 我可以在 CSS 类名中使用 camelCase

Question

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

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

当然。 这是官方规则；基本上你不应该用数字开头的名字，你可以使用字母、数字、连字符、下划线和转义或编码的字符。

但是，按照惯例，通常使用连字符而不是驼峰式大小写。

Answer 3

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

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

Answer 4

是的你可以。请确保如果您在 css 文件中调用类“fooBar”，则在标记中分配 class="fooBar" 时使用一致的大写字母。