小编典典

是否有一种解决方法可以使以数字开头的名称的CSS类有效?[重复]

css

是否在名称以数字开头的CSS类无法正常工作的地方引用了它?例如,我发现一个背景类似的类:

.000000-8 {background:url(../../images/common/000000-0.8.png);}
.8FFFFFF {background:url(../../images/common/FFFFFF-0.8.png);}

不能在我拥有的大多数浏览器中工作,并且CSS语法显示该问题,但是我的问题是是否存在一种使以数字开头的名称的CSS类有效的
解决方法 ?。


阅读 358

收藏
2020-05-16

共1个答案

小编典典

没有CSS类。从逻辑上讲,该问题分为两个问题:可以在HTML中以数字开头的类名吗?(如果答案是“是”,则是这样),如果可以,您如何在CSS中使用相应的类选择器?

各种HTML规范对类名施加了各种限制,但是在浏览器实践中,根据HTML5,没有限制,只不过类名不能包含空格字符。所以class=000000-8是有效的。

根据CSS语法规则,CSS标识符不能带有未 _转义的_数字。因此,类似的选择器.000000-8无效。但是数字可以通过CSS转义规则转义:选择器

.\30 00000-8

或者,等效地,

.\00003000000-8

有效,并与匹配一个元素class=000000-8

不用说,最好避免使用以数字开头的类名,但是如果您必须使用它们(例如,因为某些HTML文档包含它们并且您不能更改标记),则可以这样做。

2020-05-16