css中:not()选择器同时排除多个的写法

最新推荐文章于 2025-12-22 23:19:01 发布
原创 最新推荐文章于 2025-12-22 23:19:01 发布 · 2.1k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
前端

当前文章被收录于：

前端
94 篇文章 3 人学习
订阅专栏 查看详情

css中:not()选择器同时排除多个的写法举例：

[class^=p-]:not(.p-home):not(.p-powerOff) {
  .m-navBar {
    .r {
      font-size: .875rem;
      color: $c_primary;
    }
  }
}
标签
#css #css3 #前端
css :not的多个条件的写法详解
12-13
:not 伪类选择器可以筛选不符合表达式的元素 例子 table tbody tr:not(:first-child):not(:last-child) td { text-align: right; } 以上代码可以选择table表格中tbody部分非首个、非最后一个的tr，并设置其子元素td文本样式居右 这里面需要注意not的语法格式： 单个的not写法： /*选中非段落元素*/ :not(p) { } 多个not的写法 /*选中div里面非首个、非最后一个的中间p元素*/ div p:not(:first-child):not(:last-child){ }
css :not的多个条件的写法
热门推荐
墨荷清香
08-31 2万+
:not 伪类选择器可以筛选不符合表达式的元素 例子 table tbody tr:not(:first-child):not(:last-child) td { text-align: right; } 以上代码可以选择table表格中tbody部分非首个、非最后一个的tr，并设置其子元素td文本样式居右 这里面需要注意not的语法格式： 单个的not写法：
:not() 伪类可以有多个参数吗？
HuntsBot的博客
11-02 915
我正在尝试选择除 radio 和 checkbox 之外的所有 type 的 input 元素。许多人已经表明您可以在 :not 中放置多个参数，但无论如何使用 type 似乎都不起作用，我尝试了一下。有任何想法吗？
css3怎么排除第一个,css怎么排除第一个子元素
weixin_30764401的博客
08-04 5277
css排除第一个子元素的方法：1、通过使用伪类选择器“:not”实现排除；2、通过使用“nth-of-type”或者“nth-child”实现排除；3、通过使用“+”或者“~”兄弟选择符实现获取排除第一个之外的子元素。本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。css获取除第一个之外的子元素在前端页面开发中，需要使用css来选择除了第一个之外的...
CSS笔记
DTJ990226的博客
12-28 1081
CSS笔记
css3 新加选择器 排除选择器 :not()
sally18的博客
05-29 2万+
css :not()排除函数 css:not()函数用来排除选择，not(x),其中的x为css选择器，但是x不能是not选择器，也就是说:not()排除选择器不能嵌套使用。 css:not()排除选择器使用 .sibcont{ background:#f1f1f1; border:1pxsolid#bababa; margi...
html中的not不包含,css :not()函数多个条件使用
weixin_39944542的博客
06-10 1477
css :not()排除函数css:not()函数用来排除选择，not(x),其中的x为css选择器，但是x不能是not选择器，也就是说:not()排除选择器不能嵌套使用。css:not()排除选择器使用.sibcont{background:#f1f1f1;border:1pxsolid#bababa;margin:20px;padding:20px;}.sibcontul{margin:...
深入理解 CSS :not() 否定伪类选择器
最新发布
小李同学的博客
12-22 1662
CSS 伪类 :not() 提供了一种高效的选择器排除机制，能够精准控制样式应用范围。其核心特点包括： 语法演进 CSS3 仅支持单参数简单选择器（如 :not(.class)） CSS4 扩展支持多参数选择器列表（如 :not(.a, .b)） 特异性规则 不增加自身特异性，但内部选择器参与计算 可实现精确排除而不提高选择器权重 典型应用场景 悬停交互中排除当前项（:not(:hover)） 表单控件状态管理（排除 disabled/readonly） 导航菜单当前页标识（排除 .active） 数
​【CSS技巧】 :not()选择器实现跨层级排除
NARUTO_jack的博客
07-03 646
本文深入解析CSS中:not()伪类选择器的跨层级排除技巧，揭示其突破同级过滤限制的强大能力。相比传统方法需要复杂覆盖或影响所有元素的局限性，使用code:not(pre code)选择器可精准定位非pre子元素的code标签，在保持选择器特异性、不修改HTML结构的前提下实现样式隔离。该技巧突破CSS向下选择的限制，通过反向排除实现"向上选择"效果，适用于列表项特殊样式、表单差异化设计等多种场景，为开发者提供更优雅高效的样式解决方案，充分展现CSS原生特性的强大潜力。
css中 :not() 选择器的用法
sinat_41747081的博客
09-24 4227
如果希望某个样式不作用到选择器上，可以使用:not(选择器） 如： <input type="text" value="1" /> <input type="text" value="2" /> <input type="text" class="no-red" value="3"/> input[type="text"] { display: blo...
html not选择器,css中 :not()选择器介绍
weixin_35417122的博客
06-03 1411
要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。本文就来为大家介绍一下css中的:not()选择器，希望对大家有一定的帮助。:not() 选择器用于一些特殊的功能的呈现上，我举一个我使用的例子：当你的鼠标hover到这些标签的时候，会想第二个标签一样改变颜色。而当你点击第一个的时候标签“Asset Sector”，然后再把鼠标hover上去的时候就不...
CSS3干货7：CSS中的not选择器
九天翔龙的技术博客
08-14 2646
not 选择器用的少。 这天写资料的时候，看到别人写了一个例子有意思。 特此记录下，表示自己每天也算进步了一点。 not，就是“非，不是” 的意思。所以，not 选择器就是选择 “非xxx” 的标签。 一般格式如下： .xxx:not( 非的条件 ) .xxx:not(:nth-child(3)) 不是第三个子元素.xxx 。 .xxx:not(:first-child) ...
html中not选择器,在CSS3中not()选择器怎么用
weixin_30110543的博客
06-05 1629
在CSS3中not()选择器怎么用发布时间：2020-12-07 14:40:14来源：亿速云阅读：115作者：小新小编给大家分享一下在CSS3中not()选择器怎么用，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！not()选择器在CSS3中，:not()选择器中主要用于选取某个元素之外的所有元素。这是very very...
css3 :not([class]) css3 :not([style])
Embrace924的博客
02-15 4485
css3 :not([class]) css3 :not([style])
jQuery :not()选择器
cyanciel的专栏
01-05 3503
:not(selector) <!-- 去除所有与给定选择器匹配的元素 在jQuery 1.3中，已经支持复杂选择器了（例如:not(div a) 和 :not(div,a)） --> divdiv aaa //$("input:not(:checked)").css('background','purple'); //显示结果不正确[测
CSS:has () 伪类，:not()伪类
BambooStrip的博客
08-31 4723
CSS:has () 伪类，:not()伪类
Web前端：not（否定伪类选择器）
2401_87008233的博客
07-08 895
CSS中的:not()伪类选择器用于排除特定元素，语法为selector:not(selector-to-exclude)。它支持简单选择器（类、ID、属性等），CSS4允许复杂参数但需注意兼容性。典型应用包括：排除特定类别的p元素、过滤多个条件的div元素、筛选不含特定属性的链接。优先级由基础选择器和排除选择器共同决定。注意事项包括不支持嵌套伪元素和CSS3的简单选择器限制。合理使用:not()可以简化代码，避免样式覆盖，提升CSS的灵活性和精确性。（149字）
选择器无法选择HTML,css选择器如何不选择某个元素
weixin_32572673的博客
06-03 1132
css选择器如何不选择某个元素1、首先，打开html编辑器，新建html文件，例如：index.html。2、在index.html中的标签中，输入css代码：li:not(.test) {color: blue}。(相关课程推荐：css视频教程)3、浏览器运行index.html页面，此时包含test类元素的li标签不会触发设置蓝色字体样式的css代码。css扩展知识CSS 否定CSS 伪类 :...
css伪类选择器记忆技巧,彻底搞懂CSS伪类选择器：is、not
weixin_42467518的博客
08-04 566
本文介绍一下Css伪类:is和:not，并解释一下is、not、matches、any之前的关系:notThe :not() CSS pseudo-class represents elements that do not match a list of selectors. Since it prevents specific items from being selected, it is k...
css :not_用：not否定CSS规则
cungui5726的博客
08-20 1599
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...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值