<ident>

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

浏览器支持

IE浏览器 火狐浏览器 opera浏览器 chrome浏览器 safari浏览器
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>

上篇: <url>

下篇: attr()