css属性选择器

 

CSS 属性选择器

 

     ------对带有指定属性的HTML元素设置样式。

 

 

     注释：

 

•  IE7(已经更高的版本)在规定了!DOCTYPE的情况下支持属性选择器。
•  IE6不支持属性选择器。

 

 

1、属性和值选择器

 

    E[att]   -----匹配所有具有att属性的E元素，不考虑其他的值。 

 

 p[title]{
    color:red;
 }

  

   E[att=val] -----匹配所有att属性等于val的E元素

 

 

[class=test]{
     color:red;
}

 

2、属性和值选择器 --- 多个值

 

   E[att~=val]  ----匹配所有att属性具有多个空格分隔的值、其中一个值等于val的E元素。

 

 

[class~=rel]{
   color:red;
}

   

   E[att|=val]  ----匹配所有att属性具有多个连字号分隔的值、其中一个值以val开头的E元素，主要用于lang属性。

 

 

[lang|=en]{
    color:red;
}

 

 

 

 

 

 

扩展阅读：

 

1、http://www.douban.com/note/65562130/

2、http://www.w3school.com.cn/css/css_syntax_attribute_selector.asp