CSS 数据类型表示用作一个任意字符串的标识符。

浏览器支持

语法

类似于CSS标识符（例如属性名称），但它区分大小写。它由一个或多个字符组成，其中字符可以是以下任意一个：

• 任何字母字符（A至Z，或a到z）
• 任何十进制数字（0到9）
• 连字号（-）
• 下划线（_）
• 转义字符（以反斜杠开头\）
• 一个的Unicode字符（在反斜线的格式，\随后一至六个十六进制数字，表示其Unicode代码点）

需要注意的是id1，Id1，iD1和ID1都是不同的标识符，因为它们区分大小写。另一方面，逃脱字符有几种方法，toto\?并且toto\3F标识符相同。

说明:

使用用户自定义标识名作为组件取值。

• 自定义标识区分大小写，例如test与TEST是2个不同的值
• 自定义标识不能使用与CSS属性及属性值相同的名字

正常工作的例子:

li {counter-increment: testname;}
li {counter-reset: testname2;}
@keyframes testanimations {
	from { opacity:1; }
	to { opacity:0; }
}

无法工作的例子:

li {counter-increment: border;}
li {counter-reset: background;}
@keyframes auto {
	from { opacity:1; }
	to { opacity:0; }
}

有效标识符

nono79      	A mix of alphanumeric characters and numbers
ground-level	A mix of alphanumeric characters and a dash
-test       	A dash followed by alphanumeric characters
--toto      	A custom-property like identifier
_internal   	An underscore followed by alphanumeric characters
\22 toto    	A Unicode character followed by a sequence of alphanumeric characters
bili\.bob   	A correctly escaped period

无效标识符

34rem不能以十进制数字开头。
-12rad不能以破折号和十进制数字开头。
bili.bob不需要转义字母数字字符_和-。
'bilibob'这将是一个。
"bilibob"这将是一个。

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com