8.1.1 CSS3选择器 —— 属性选择器
2015-11-05 21:15
796 查看
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+支持
例: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+支持
相关文章推荐
- css样式大全
- CSS:margin重叠-父子关系
- 漫谈CSS transform动画技术
- css的background 属性
- class 添加样式,删,开关 【选择】addClass,removeClass,toggleClass
- css3的3D翻牌效果
- animate.css
- css央样式属性
- 让IE6/IE7/IE8浏览器支持CSS3属性
- IE中的CSS3不完全兼容方案
- 实例浅析CSS Sprite
- css写圆角效果
- Evernote样式的Share Extension
- 用css3动画为焦点图加延迟动画
- css div的宽度随内部元素的宽度的变化而变化
- CSS框模型(Box Model)与图片透明属性
- [前端] chrome浏览器定义滚动条样式及字体中英对照
- HTML与CSS零碎知识点归纳
- js原生设计模式——8单例模式之简约版属性样式方法库
- css画正三角形