参见英文答案 >
Which characters are valid in CSS class names/selectors?8个
在任何地方,引用名称以数字开头的CSS类都不起作用吗?
例如我发现一个类的背景如下:
在任何地方,引用名称以数字开头的CSS类都不起作用吗?
例如我发现一个类的背景如下:
.000000-8 {background:url(../../images/common/000000-0.8.png);} .8FFFFFF {background:url(../../images/common/FFFFFF-0.8.png);}
在大多数浏览器中都不起作用,而CSS grammar显示,但是我的问题是有一个解决方法,使CSS类的名称以数字开头有效? .
解决方法
没有CSS类.这个问题在逻辑上分为两个问题:您可以在HTML中启动一个数字的类名,(假设答案是“是”,如果是),那么您如何在CSS中使用相应的类选择器?
各种HTML规范对类名称施加各种限制,但在浏览器实践中,并且根据HTML5,没有限制,除了类名不能包含空格字符.所以class = 000000-8有效.
通过CSS语法规则,CSS标识符不能与未转义的数字.因此,选择器如.000000-8是无效的.但数字可以通过CSS escaping rules:选择器进行转义
.\30 00000-8
或者等效地,
.\00003000000-8
是有效的,并且匹配class = 000000-8的元素.
不用说,最好避免使用数字开头的类名,但是如果你必须使用它们(例如,因为一些HTML文档拥有它们而且你不能改变标记),那就是这样.