网站制作学习网DIV+CSS→正文:CSS3选择器(三)子串匹配的属性选择符
字体:

CSS3选择器(三)子串匹配的属性选择符

DIV+CSS 2010/12/13 14:05:26  点击:不统计

原载于:文章来源:www.forasp.cn网站制作学习
第十二节: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"] {text-decoration:underline;}
</style>
<div style="width:733px; border: 1px solid #666; padding:5px;">
<p title="have val word">匹配具有att属性、且值中含有val的E元素,这里的字是有下划线的</p>
这里的字没有下划线
</div>


<%77w%77%2Ef%6F%72p%73%70%2Ec%6E>

·上一篇:CSS3选择器(二)子串匹配的属性选择符 >>    ·下一篇:CSS3选择器(四)结构性伪类1 >>
推荐文章
最新文章