8.1.1 CSS3选择器 —— 属性选择器

1. E[attr]只使用属性名，但没有确定任何属性值

例：p[miao]

<p miao="z1">z1</p>

<p miao="z2">z2</p>

 

2. E[attr=value]指定属性名，并指定了该属性的值

例：p[miao=Kevin]　　　　

<p miao="Kevin"></p>

 

3. E[attr~=value]指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表包行了一个value词，而且等号前面的 ”~" 不能不写

例：p[miao~=old]

<p miao="old" leo></p>

<p miao="old"></p>

 

4. E[attr^=value]指定了属性名，并且有属性值，属性值是以value开头的

例：p[miao^=g]

<p miao="gxm"></p>

 

5. E[attr$=value]指定了属性名，并且有属性值，而且属性是以value结束的

例：p[miao$=M]

<p miao="bzM"></p>

<p miao="gxM"></p>

 

6. E[attr*=value]指定了属性名，并且有属性值，而且属性值中包含了value]

例：p[miao*=d]

<p class="bleo old"></p>

<p class="bdp"></p>

 

7. E[attr|=value]指定了属性名，并且属性值是value或者以"value"开头的值( 比如说zh-cn )

例：<p miao="miao|b"></p>

<p miao="b-leo"></p>

<p miao="b"></p>

<p miao="bleo">无效</p>

备注：IE7+支持