举报投诉联系我们 手机版 热门标签 编程学
您的位置:编程学 > css3 not选择器 CSS3 :not 选择器

css3 not选择器 CSS3 :not 选择器

2023-03-23 08:18 CSS参考手册

css3 not选择器 CSS3 :not 选择器

css3 not选择器

CSS3 not选择器是CSS3中新增的一种选择器,它可以用来排除特定的元素。它可以帮助我们快速地找到页面中不包含特定元素的元素,而不必再使用复杂的选择器。

not选择器的语法是:selector:not(subselector),其中selector表示要匹配的元素,subselector表示要排除的元素。例如:

div:not(.class1) { 
    background-color: #ccc; 
}

上面代码表示,所有div元素都会设置背景色为#ccc,但是class1这个class名字的div不会设置背景色。

not选择器也可以用来匹配多个子选择器。例如:

div:not(.class1, .class2) { 
    background-color: #ccc; 
}

上面代码表明,所有div元素都会设置背景色为#ccc,但是class1和class2这两个class名字的div不会设置背景色。

此外,not选择器也可以用来匹配一些特定的HTML标记。例如:

:not(h1, h2, h3, h4, h5, h6) { 
    font-size: 14px; 
}

上面代码表明,所有h1到h6标记之外的标记都会使用14px大小字体显示文字内容。

总之,CSS3 not选择器是一个很强大而又方便使用的工具,它可以帮助我们快速地找到不包含特定元素、特定选择器或者特定HTML标记的元素。因此在开发Web应用时应该尽量使用这一工具来减少开发时间并提升效率。

CSS3 :not 选择器

CSS 选择器参考手册

实例

设置非 <p> 元素的所有元素的背景色:

:not(p)
{ 
background-color: #ff0000;
}

亲自试一试

浏览器支持

IE Firefox Chrome Safari Opera

所有主流浏览器均支持 :not 选择器,除了 IE8 及更早的版本。

定义和用法

:not(selector) 选择器匹配非指定元素/选择器的每个元素。

CSS 选择器参考手册

阅读全文
以上是编程学为你收集整理的css3 not选择器 CSS3 :not 选择器全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 编程学 bianchengxue.com 版权所有 联系我们
桂ICP备19012293号-7 返回底部