是否在名称以数字开头的CSS类无法正常工作的地方引用了它?例如,我发现一个背景类似的类:
.000000-8 {background:url(../../images/common/000000-0.8.png);} .8FFFFFF {background:url(../../images/common/FFFFFF-0.8.png);}
不能在我拥有的大多数浏览器中工作,并且CSS语法显示该问题,但是我的问题是是否存在一种使以数字开头的名称的CSS类有效的 解决方法 ?。
没有CSS类。从逻辑上讲,该问题分为两个问题:可以在HTML中以数字开头的类名吗?(如果答案是“是”,则是这样),如果可以,您如何在CSS中使用相应的类选择器?
各种HTML规范对类名施加了各种限制,但是在浏览器实践中,根据HTML5,没有限制,只不过类名不能包含空格字符。所以class=000000-8是有效的。
class=000000-8
根据CSS语法规则,CSS标识符不能带有未 _转义的_数字。因此,类似的选择器.000000-8无效。但是数字可以通过CSS转义规则转义:选择器
.000000-8
.\30 00000-8
或者,等效地,
.\00003000000-8
有效,并与匹配一个元素class=000000-8。
不用说,最好避免使用以数字开头的类名,但是如果您必须使用它们(例如,因为某些HTML文档包含它们并且您不能更改标记),则可以这样做。