【CSS属性选择器】
CSS 2 引入了属性选择器。
1、如果您希望把包含标题(title)的所有元素变为红色,可以写作:
*[title] {color:red;}
2、为了将同时有 href 和 title 属性的 HTML 超链接的文本设置为红色,可以这样写:
a[href][title] {color:red;}
3、属性与属性值必须完全匹配
<p class="important warning">This paragraph is a very important warning.</p>
如果写成 p[class="important"],那么这个规则不能匹配示例标记。
要根据具体属性值来选择该元素,必须这样写:
p[class="important warning"] {color: red;}
4、如果需要根据属性值中的词列表的某个词进行选择,则需要使用波浪号(~)。
p[class~="important"] {color: red;}
5、
6、
*[lang|="en"] {color: red;}
上面这个规则会选择 lang 属性等于 en 或以 en- 开头的所有元素。
参考:http://www.w3school.com.cn/css/css_selector_attribute.asp