首页 > Web开发 > 详细

8.1 CSS3选择器 —— 属性选择器

时间:2015-11-05 22:14:07      阅读:338      评论:0      收藏:0      [点我收藏+]

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+支持

8.1 CSS3选择器 —— 属性选择器

原文:http://www.cnblogs.com/zouxinping/p/4940845.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!