美文网首页程先生与媛小姐程序员前端
css3 反选伪类选择器:not的用法

css3 反选伪类选择器:not的用法

作者: IT小C | 来源:发表于2016-03-19 08:56 被阅读5260次

语法:
E:not(){ sRules }
说明:
匹配不含有s选择符的元素E。
例如:
1.选择所有不包含class3的元素

:not(.class3)

2.选择含有子元素的pre元素
:empty 选择器匹配没有子元素(包括文本节点)的每个元素

pre:not(:empty)

3.选择所有样式不为abc的p元素

p:not(.abc){
  color:#f00;
}
<p class="abc">否定伪类选择符 E:not()</p>
<p id="abc">否定伪类选择符 E:not()</p>
<p class="abcd">否定伪类选择符 E:not()</p>
<p>否定伪类选择符 E:not()</p>

相关文章

  • 第2章 CSS3选择器-4

    2.9 否定伪类选择器 否定伪类选择器":not()"是CSS3的新选择器,类似jQuery中的":not()"选...

  • CSS3属性选择器

    CSS3中属性选着器增加了3个 结构性伪类选择器 CSS3结构性伪类选择器 CSS3选择器详解二 第二部分小节 、...

  • CSS进阶知识点--CSS3伪类选择器和伪元素

    伪类选择器 动态伪类(锚点伪类、用户行为伪类) UI元素状态伪类 CSS3结构伪类 否定选择器 伪元素 动态伪类 ...

  • css3(1)

    之前的css属性选择器包括:类选择器,id选择器,标签选择器,关联选择器,组合选择器,伪类选择器等 css3属性选...

  • css3 反选伪类选择器:not的用法

    语法:E:not(){ sRules }说明:匹配不含有s选择符的元素E。例如:1.选择所有不包含class3的元...

  • HTML5和CSS3新增内容

    CSS3选择器有哪些? 属性选择器、伪类选择器、伪元素选择器。 CSS3新特性有哪些? 颜色:新增RGBA,HSL...

  • 2019前端经典面试题 CSS 部分常见问题

    CSS部分常见问题 1、CSS3选择器有哪些? 答:属性选择器、伪类选择器、伪元素选择器。 2、CSS3新特性有哪...

  • 前端零基础课程--第八节课

    CSS3高级 复杂选择器:兄弟选择器、属性选择器、伪类选择器、伪元素选择器 兄弟选择器 相邻兄弟选择器(+):选出...

  • CSS3笔记(一)选择器

    回顾css3之前的选择器 css3选择器 1、属性选择器 2、结构 伪类选择器 注意点 : 选择是分类型,排序是不...

  • CSS3选择器--结构性伪类选择器

    在学习结构性伪类选择器之前,先了解2个概念:CSS中的伪类选择器和伪元素: 1、伪类选择器:CSS中已经定义好的选...

网友评论

    本文标题:css3 反选伪类选择器:not的用法

    本文链接:https://www.haomeiwen.com/subject/amjhlttx.html