接上篇CSS选择器汇总:
11.属性选择器
根据元素的属性及属性值来选择元素。
下面是对所有的属性选择器的汇总,其中element元素可以省略。
选择器 | 含义 | 版本 |
---|---|---|
element[attribute] | 选中所有具有attribute属性的element元素 | CSS2.1 |
element[attribute=“value”] | 选中所有attribute属性等于value的element元素 | CSS2.1 |
element[attribute~=“value”] | 选中所有attribute属性包含"value"值的element元素,attribute属性可以有多个值,也可以只有一个 | CSS2.1 |
element[attribute|=“value”] | 选取带有以value值开头的attribute属性值的element元素,value值必须是整个单词。常见的用途是匹配语言值。(常是多个连字号分隔(hyphen-separated)的值) | CSS2.1 |
element[attribute^=“value”] | 匹配attribute属性的值以value开头的element元素。 | CSS3 |
element[attribute$=“value”] | 匹配attribute属性的值以"value"结尾的element元素 | CSS3 |
element[attribute*=“value”] | <