<ident>
CSS 数据类型表示用作一个任意字符串的标识符。<ident>
浏览器支持
![]() | ![]() | ![]() | ![]() | ![]() |
IE8以上版本浏览器都支持<ident> | ||||
因为此类型不是实类型,而是一种方便类型,用于简化其他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'这将是一个<string>
。 "bilibob"这将是一个<string>
。