css如何进行排除选择
css如何进行排除选择
发布时间：2022-04-21 13:24:07 来源：高防服务器网 阅读：107 作者：iii 栏目：web开发
本篇内容主要讲解“css如何进行排除选择”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“css如何进行排除选择”吧!
在css中，可以利用“:not”选择器进行排除选择，该选择器会匹配非指定元素的每个元素，也就是对指定的元素进行排除选择，语法为“元素:not(指定需要排除的元素){css样式代码}”。
本教程操作环境：windows10系统、CSS3&&HTML5版本、Dell G3电脑。
css怎么进行排除选择
:not(selector) 选择器匹配非指定元素/选择器的每个元素。
“:not”是选择器的一种，如果希望某个样式不作用到选择器上，可以使用:not(选择器）
语法为：
:not(selector)
示例如下：
<html> <head> <style> p { color:#000000; } :not(p) { color:#ff0000; } </style> </head> <body> <h2>这是标题</h2> <p>这是一个段落。</p> <p>这是另一个段落。</p> <div>这是 div 元素中的文本。</div> <br> <a href="#" target="_blank">这是一个a标签</a> </body> </html>
输出结果：
到此，相信大家对“css如何进行排除选择”有了更深的了解，不妨来实际操作一番吧！这里是高防服务器网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
[微信提示：高防服务器能助您降低 IT 成本，提升运维效率，使您更专注于核心业务创新。
[图文来源于网络，不代表本站立场，如有侵权，请联系高防服务器网删除]
[