网站制作学习网DIV+CSS→正文:CSS3选择器(六)否定伪类E:not(s)
字体:

CSS3选择器(六)否定伪类E:not(s)

DIV+CSS 2010/12/22 15:35:01  点击:不统计

原载于:文章来源:www.forasp.cn网站制作学习
第二十七节:CSS3选择器之:否定伪类 E:not(s)

语法
E:not(s) :{attribute}

说明
匹配所有不匹配简单选择符s的元素E

兼容性
Firefox3.0,Chrome1.0,Chrome2.0,Opera9.63,Safari3.1,Safari 4Public beta

代码示例
<style type="text/css">
p:not(.bg) {background-color:#00FF00;}
</style>
<div style="width:733px; border: 1px solid #666; padding:5px;">
<p>匹配所有不匹配简单选择符s的元素E,这里的背景是绿色的</p>
<p class="bg">匹配所有不匹配简单选择符s的元素E,这里没有被设置背景颜色</p>
<p>匹配所有不匹配简单选择符s的元素E,这里的背景是绿色的</p>
<p>匹配所有不匹配简单选择符s的元素E,这里的背景是绿色的</p>
<p class="mybg">匹配所有不匹配简单选择符s的元素E,这里的背景是绿色的</p>
<p class="bg">匹配所有不匹配简单选择符s的元素E,这里没有被设置背景颜色</p>
</div>

·上一篇:CSS3选择器(五)UI元素状态伪类4 >>    ·下一篇:CSS3选择器(七)目标伪类E:target >>
推荐文章
最新文章