• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • <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()