为什么CSS不支持编号前缀？

Question

我只花了几分钟调试我的CSS没有采取的原因。事实证明，命名CSS类2col（vs col2）根本不能在浏览器中编译。为什么是这样？这是关于CSS类前缀中的数字的保留吗？

Answer 1

你可以用数字开始CSS类。你只需要逃避第一个就可以了。

.\32-4-1 {
  background-color: black;
  height: 100px;
  width: 100px;
}

<div class="2-4-1"></div>

或者，您可以使用空格分隔的属性选择器~=：

[class~="2-4-1"]

值得注意的是the HTML5 spec does not restrict the allowed characters in the [class] attribute。