CSS3选择器

一、CSS3属性选择器；
以下，E—>标签，attr—>属性 value—>属性值；
1、E[attr]
只使用属性名进行具体标签的选择；
理论上只要是标签带有的属性，都可以使用；
例：


四张，宽度均为150px的图片：

使用属性选择器进行样式修改：

那么这四张带有alt属性的图片全部被选择：

2、E[attr=“value”]
属性且指定属性名，使用较多；
语法：

那么，只有第一张图片被选择（注，空格也会被识别）

3、E[attr~=“value”]
此属性值是一个词列表，并且以空格隔开，
其中词列表中包含了一个value词;

那么第三张img会被选中：

4、E[attr^=“value”]
指定了属性，且该属性的属性值是以value开头的；

那么只有属性值是rc开头的第三张img会被选中

5、E[attr$=“value”]
指定了属性，且该属性的属性值是以value结束的

那么属性值以er结尾的1和4会被选中：

6、E[attr*=“value”]：
指定了属性，且该属性的属值中包含了value；

那么属性值包含riv的1、2、3会被选中：

7、E[attr|=“value”]：
指定了属性且该属性的属性值是value或者以“value-”开头的值；

那么以river或river-开头的1、2会被选中：

注：关于CSS3的属性选择器，除IE6不支持以外，其余浏览器都是可以的；