CSS属性选择器

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

原文地址:https://www.cnblogs.com/tekkaman/p/6931465.html