CSS [attribute~=alue] 选择器
[attribute~=value] 选择器用于选取属性值中包含指定词汇的元素。
1. 范例
选择 titile 属性包含单词 "flower" 的元素,并设置其样式:
[title~=flower] { background-color:yellow; }
2. 浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
选择器 | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
[attribute~=value] | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
注释:对于 IE8 及更早版本的浏览器中的 [attribute~=value],必须声明 <!DOCTYPE>。
[attribute|=value] 选择器用于选取属性值以指定值开头的元素。注释:该值必须是整个单词,比如 lang="en",或者后面跟着连字符,比如 lang="en-us"。