CSS 数据类型表示用作一个任意字符串的标识符。
浏览器支持
| | | | |
| IE8以上版本浏览器都支持 |
| 因为此类型不是实类型,而是一种方便类型,用于简化其他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 numbersground-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 charactersbili\.bob A correctly escaped period
无效标识符
34rem不能以十进制数字开头。-12rad不能以破折号和十进制数字开头。bili.bob不需要转义字母数字字符_和-。'bilibob'这将是一个。"bilibob"这将是一个。