有没有解决方法来创建名称以数字开头的CSS类有效?

前端之家收集整理的这篇文章主要介绍了有没有解决方法来创建名称以数字开头的CSS类有效?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > Which characters are valid in CSS class names/selectors?8个
在任何地方,引用名称以数字开头的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文档拥有它们而且你不能改变标记),那就是这样.

猜你在找的CSS相关文章