小编典典

哪些字符在 CSS 类名/选择器中有效?

all

CSS 类选择器中允许使用哪些字符/符号?
我知道以下字符 无效 ,但哪些字符 有效

~ ! @ $ % ^ & * ( ) + = , . / ' ; : " ? > < [ ] \ { } | ` #

阅读 139

收藏
2022-02-25

共1个答案

小编典典

可以直接查看CSS 语法

基本上 1,名称必须以下划线 ( _)、连字符 ( -) 或字母 ( az)
开头,后跟任意数量的连字符、下划线、字母或数字。有一个问题:如果第一个字符是连字符,则第二个字符必须是2个字母或下划线,并且名称必须至少有 2 个字符长。

-?[_a-zA-Z]+[_a-zA-Z0-9-]*

简而言之,前面的规则转换为从W3C
规范中提取的以下规则。

在 CSS 中,标识符(包括选择器中的元素名称、类和 ID)只能包含字符 [a-z0-9] 和 ISO 10646 字符 U+00A0
及更高,加上连字符 (-) 和下划线 (_) ; 它们不能以数字或连字符后跟数字开头。标识符还可以包含转义字符和任何 ISO 10646
字符作为数字代码(请参阅下一项)。例如,标识符“B&W?” 可以写成“B&W?” 或“B\26 W\3F”。

以连字符或下划线开头的标识符通常保留用于特定于浏览器的扩展,如-moz-opacity.

1由于包含转义的 unicode 字符(没有人真正使用),这一切都变得更加复杂。

2请注意,根据我链接的语法,以两个连字符开头的规则,例如--indent1,是无效的。但是,我很确定我已经在实践中看到了这一点。

2022-02-25