CSS3选择器(二)子串匹配的属性选择符
DIV+CSS 2010/12/13 14:01:40 点击:不统计
第十一节:CSS3选择器之二:子串匹配的属性选择符E[att$="val"]
语法:
E[att$="val"]:{attribute}
相关伪类:E[att^="val"] | E[att*="val"]
说明:
匹配具有att属性、且值以val结尾的E元素
兼容性:
IE7,IE8,Firefox2.0,Firefox3.0,Firefox3.5,Chrome1.0,Chrome2.0,Opera9.63,Safari3.1,Safari 4Public beta
代码示例:
<style type="text/css">
p[title$="val"] {font-weight:bold;}
</style>
<div style="width:733px; border: 1px solid #666; padding:5px;">
<p title="this is val">匹配具有att属性、且值以val结尾的E元素,这里的字是加粗的</p>
这里的字不是加粗的
</div>