14.9.3 CSS E[att~=val] 属性值选择符
E[att~=val] -- CSS E[att~=val] 属性值选择符,匹配文档中具有att属性且其中一个值(多个值使用空格分隔)为val(val不能包含空格)的E元素
- 语法:
E[att~=val]E-- 元素att-- 属性val-- 属性值
- 引用网址:http://www.dreamdu.com/css/selector_attribute_values_part/
- 说明:
- 匹配文档中元素的属性att的其中一个值(多个值使用空格分隔)为val的元素(val不能包含空格),例如
a[title~=dreamdu]选择符,表示具有title属性且其中一个值为dreamdu的a元素
- 匹配文档中元素的属性att的其中一个值(多个值使用空格分隔)为val的元素(val不能包含空格),例如
- att,是attribute的缩写,中文"属性"。val,是value的缩写,中文"值"
示例
a[title~="dreamdu"]{color:red;}
<ahref="http://www.dreamdu.com/"title="www dreamdu com">红色</a>
title属性包含三个值(多个值使用空格分隔),其中一个为dreamdu,因此可匹配样式
CSS E[att~=val] 属性值选择符示例 -- 可以尝试编辑
浏览器兼容性
| 选择符 | IE6 | IE7 | IE8 | IE9 | FF | CH | OP | SA |
|---|---|---|---|---|---|---|---|---|
| E[att~=val] | no | yes | yes | yes | yes | yes | yes | yes |