CSS :not()选择器 (反选伪类)

已于 2024-11-13 16:36:02 修改
阅读量5.7k 收藏 31
点赞数 29
文章标签： css html 前端
于 2022-12-15 22:44:08 首次发布
原创文章，禁止任何形式转载！
本文链接：https://blog.csdn.net/shangyanaf/article/details/128336417
版权
本文介绍了CSS的`:not()`选择器，用于反选元素。文中详细讲解了`:not()`的基本用法、兼容性、权重计算以及在DOM解构中的注意事项，并提供了实例解析其应用场景。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

了解本专栏 订阅专栏 解锁全文
关于css选择器之（not）选择器的学习
qq_47828983的博客
01-28 2089
一次很懵逼的css体验，还是好好学习一下吧！！！
CSS伪类选择器
热门推荐
Jan's的博客
11-01 3万+
CSS的选择器有很多种，有一种选择器，与其他选择器完全不同，我们来讲一讲这个选择器——伪类选择器 伪类选择器 我们伪类选择器有几种，我们来看看第一种 静态伪类: 只能用于超链接的样式 :link超链接点击之前 :visited链接被访问过之后 以上两种样式，只能用于超链接 实际用法还得实际分析，我们来看看这一张图： 这里我写了两个超链接，看我箭头指的文章，你会发现这两个超链接颜色是不一样的 为什么会不一样呢？ 因为第一个链接，是我访问过的网站链接 而第二个链接，我的浏览器没有访问..
css :not 选择器
柯小帅的博客
02-06 792
css:not 选择器
CSS结构伪类选择器之否定伪类:not()
joe0235的博客
12-05 5525
结构伪类选择器是针对 HTML 层级结构的伪类选择器。常用的结构化伪类选择器有：:root选择器、:not选择器、:only-child选择器、:first-child选择器、:last-child选择器、:nth-child选择器、:nth-child(n)选择器、:nth-last-child(n)选择器、:nth-of-type(n)选择器、:empty选择器、:target选择器。
:not() 选择器
ginny_mjy的博客
09-01 2001
:not() 选择器选取除了指定元素以外的所有元素。 最常见的用法：与其他选择器一起使用，选取指定组合中除了指定元素以外的所有元素 eg: $("p:not(.intro)") 选取除了 class=“intro” 元素以外的所有 < p > 元素 参考： https://www.runoob.com/jquery/jq-sel-not.html. ...
css：超全选择器详细介绍以及优先级
YangLu888
10-04 3039
引入css的四种方式以及优先级；css选择器的超全详细介绍以及选择器的各种优先级；nth-of-type和nth-child的区别。
html css js表单中全选取消反选效果
11-11
"全选、取消和反选"功能在多选表单中非常常见，它允许用户方便地选择或取消选择一组选项。本篇文章将深入探讨如何实现这样的功能。 首先，我们需要在HTML中创建一个包含多个可选项目的表单。通常，我们会使用`...
CSS3系列 02 元素选择器
weixin_43422005的博客
07-20 448
基本选择器 * 通用选择器 *会选择所有元素，无视层级。常用于做样式清除，如内边距、外边距清除等。 示例如下，将所有的标签元素文本设置为红色： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
CSS——排除选择器:not()
qq_43201350的博客
10-20 4049
用法 li:not(:first-child){ color:#0C58A7; }
:not()选择器和.not()方法
hugejihu9的专栏
10-23 5259
文章来自：源码在线https://www.shengli.me/jquery/103.html 1、jquery中的 .not()方法：   not() 方法用于从匹配元素集合中删除元素。   例子： 2、css中的的：not()选择器用法   伪类选择器可以筛选不符合表达式的元素   比如：    ...
CSS3干货7：CSS中的not选择器
九天翔龙的技术博客
08-14 2406
not 选择器用的少。 这天写资料的时候，看到别人写了一个例子有意思。 特此记录下，表示自己每天也算进步了一点。 not，就是“非，不是” 的意思。所以，not 选择器就是选择 “非xxx” 的标签。 一般格式如下： .xxx:not( 非的条件 ) .xxx:not(:nth-child(3)) 不是第三个子元素.xxx 。 .xxx:not(:first-child) ...
CSS :not 选择器
lengqingIT的博客
03-30 1017
HTML 用法 <body> ​ <h1>:not(selector) 选择器匹配每个元素是不是指定的元素/选择器</h1> ​ <p>半暖茶港</p> <p>半暖茶港</p> ​ <div>实例：为每个并非 p 元素的元素设置背景颜色</div> ​ <a href="http://...
css :not_研究：CSS3否定（：NOT）选择器
cune1359的博客
07-04 6983
本文是我们的“ HTML5 / CSS3教程系列”的一部分 -致力于帮助您成为更好的设计师和/或开发人员。 单击此处查看同一系列的更多文章。 CSS有一些选择器，允许您在某些条件下选择元素，例如:hover ， :focus和:active等。但是今天我们将不介绍这些选择器。 我们将研究一种仍然鲜为人知但仍被大多数Web设计人员使用的方法，即:not选择器或也称为否定选择器。 它有什么...
css not()
丽丽大神ing的博客
06-29 485
input:not([type=checkbox]) { font-size: 16px; width: 100%; height: 48px; padding: 5px 35px 5px 12px; border-radius: 2px; border: 0; color: #282828; }
css not选择器
weixin_50636581的博客
02-27 139
css中 :not() 选择器的用法
Candy_home的专栏
11-18 1万+
:not() 选择器用于一些特殊的功能的呈现上
css :not_用：not否定CSS规则
cungui5726的博客
08-20 1481
css :notTraditional web design has been about crafting a series of explicit declarations with inline, embedded and linked styles. Weaving through the different layers of stylesheets, these CSS rules c...
css3 :not([class]) css3 :not([style])
Embrace924的博客
02-15 4252
css3 :not([class]) css3 :not([style])
对比CSS Selector Generator、unique-selector、dompath这几个库，哪个支持反选、排除功能
最新发布
03-18
例如，使用CSS的:not()伪类可能需要自己构造选择器，或者在生成后添加排除条件。 另外，用户可能需要考虑实际使用中的兼容性和性能问题。比如，复杂的选择器可能会影响页面渲染速度，或者某些旧浏览器不支持较新的...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

YOLO大师

你的打赏，我的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值