CSS手册
»
选择符列表
»
属性选择符
»
相关内容:
其它属性选择符参考
选择其它项
E[att]
E[att="val"]
E[att~="val"]
E[att^="val"]
E[att$="val"]
E[att*="val"]
E[att|="val"]
E[att$="val"]
版本:CSS3
语法:
E[att$="val"]
{ sRules }
说明:
选择具有att属性且属性值为以val结尾的字符串的E元素。
例如:
1
2
3
此例,将会命中1, 3两个div,因为匹配到了class属性,且属性值以c结尾
兼容性:
浅绿
= 支持
红色
= 不支持
粉色
= 部分支持
IE
Firefox
Chrome
Safari
Opera
iOS Safari
Android Browser
Android Chrome
6.0
2.0+
4.0+
3.1+
3.5+
3.2+
2.1+
18.0+
7.0+
示例:
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8" /> <title>属性选择符 E[att$="val"] - CSS手册 - API参考文档</title> <style> li[class$="a"] { color: #f00; } </style> </head> <body> <ul> <li class="abc">列表项目</li> <li class="acb">列表项目</li> <li class="bac">列表项目</li> <li class="bca">列表项目</li> <li class="cab">列表项目</li> <li class="cba">列表项目</li> </ul> </body> </html>