如何定位以数字开头的CSS类名

我有一个列表类，我想对其应用一个上边距，但它的语法似乎对CSS无效。我认为它不喜欢

1200mm-x-4700mm

部分

我无法重命名list类，因为它是自动生成的。有没有办法让我应用CSS样式

li.max-panel-size.1200mm-x-4700mm{
边缘顶部：20px；
}

您可以设置属性类来解决此问题：

[class*="1200mm-"] {
    margin-top: 20px;
}

这将为包含

1200-m

---

例如：

您可以使用用户定义的HTML5数据属性

<li class="max-panel-size" data-margin="1200mm-x-4700mm">

li[data-margin="1200mm-x-4700mm"]{
  margin-top: 20px;
}

li[数据边距=“1200mm-x-4700mm”]{
边缘顶部：20px；
}

在HTML5中，CSS类名可以包含（并以）几乎任何字符。但是，为了在CSS文件（或JavaScript函数）中定位花哨的CSS类名

li.最大面板尺寸。\31 200mm-x-4700mm{
背景：#F00；
}
li.最大面板尺寸。\31 111mm-x-1111mm{
背景：#0F0；
}
li.最大面板尺寸。\39 999mm-x-999mm{
背景：#00F；
}

试验1
试验2
试验3

以数字开头的CSS类选择器和ID选择器无效

但你仍然可以解决这个问题。实现这一点有两种方法

首先是选择器：

/* attribute selector */
[class="12px"] {
    font-size: 12px;
}

/* or unicode selector */
.\31 00px {
  font-size: 100px;
}

另一个是选择器：

/* attribute selector */
[class="12px"] {
    font-size: 12px;
}

/* or unicode selector */
.\31 00px {
  font-size: 100px;
}

/*属性选择器*/
[class=“12px”]{
字体大小：12px；
}
/*或unicode选择器*/
\31 00px{
字体大小：100px；
}

你好，世界

---

你好，世界

@AndréDion当然可以，但这是一个解决此类问题的明智方法。明智吗？这显然是不正确的。有些浏览器可能允许这样做，但这显然违反了CSS规范。@DarrenBaker说“无法重命名列表类，因为它是自动生成的。”因此，这是一个解决此问题的解决方案。我不建议以数字开头的类名，因为它是不正确的。顺便说一句：HTML5允许数字id和以数字开头的id。但是，CSS3规范仍然没有这样说，并且遵循CSS2.1约定，即不允许使用数字前缀名称/id。