14.9.6 CSS E[att$=val] 属性值子串选择符
E[att$=val] -- CSS E[att$=val] 属性值子串选择符,匹配文档中具有att属性且其值的后缀为val的E元素
- 语法:
E[att$=val]E-- 元素att-- 属性val-- 属性值
- 引用网址:http://www.dreamdu.com/css/selector_attribute_values_suffix/
- 说明:
- 匹配文档中元素具有属性att,且其值的后缀为val的元素,例如
a[href$=".html"]选择符,表示具有href属性且值以.html结尾的a元素 - 属性值必须是CSS标示符或字符串
- 匹配文档中元素具有属性att,且其值的后缀为val的元素,例如
- att,是attribute的缩写,中文"属性"。val,是value的缩写,中文"值"
猴子推荐: 如果字符串A是字符串B的一部分,我们将A称为B的子串。CSS属性子串选择符可以通过一个字符串是否出现在另一个字符串前面、后面或之间的任意部分匹配样式
示例
a[href$=".html"]{color:red;}a[href$=".php"]{color:green;}a[href$=".jsp"]{color:blue;}
为不同的链接文件匹配不同的样式
CSS E[att$=val] 属性值子串选择符示例 -- 可以尝试编辑
浏览器兼容性
| 选择符 | IE6 | IE7 | IE8 | IE9 | FF | CH | OP | SA |
|---|---|---|---|---|---|---|---|---|
| E[att$=val] | no | yes | yes | yes | yes | yes | yes | yes |