Question

假设我有

<span class="1">hello</span>

我想声明：

span.1 { /* rules */ }

这似乎不起作用（即CSS规则未被应用）。有没有办法让它起作用？我试着在CSS选择器中引用“1”，但似乎不是这样。

Answer 1

请查看：CSS类名/选择器中哪些字符有效

（类）名称必须以下划线（_）、破折号（-）或字母（a-z）开头

Answer 2

您应该始终记住语义来命名您的类和ID。数字对任何人来说意味着什么？这算什么？

为了避免这种情况，将ID和类命名为整数并不是根据W3有效的CSS，因此大多数浏览器不支持。始终验证您的HTML和CSS。

解决方案是给你的类一个更有意义的名称。你在数什么？这是博客上的评论吗？如果是这样，你可以给每个类添加注释。如果你真的需要每个都有唯一的名称，你可以使用comment5，但作为一个类，这似乎没有多大意义，在这种情况下，你应该使用ID。

确切的命名要求也在W3C的CSS规范，第4.1.3节字符和大小写：

在CSS中，标识符（包括选择器中的元素名称、类和ID）只能包含字符[a-zA-Z0-9]和ISO 10646字符U+00A0及以上，以及连字符（-）和下划线（_）它们不能以数字、两个连字符或连字符后跟数字开头。标识符还可以包含转义字符和任何ISO 10646字符作为数字代码（见下一项）。例如，标识符“B&W？”可以写成“B&W”或“B26 W3F”。

Answer 3

因此，您应该检查CSS语法

因此名称必须以下划线_、字母（a-z）开头，后跟任意数量的破折号、下划线、字母或数字

EDIT: I recommend to you read this article Valid chars in CSS class names. Colleague @Triptych gave us awesome answer.

友情链接