美文网首页
兄弟元素选择器和否定伪类

兄弟元素选择器和否定伪类

作者: 优秀的人A | 来源:发表于2018-11-19 19:33 被阅读15次
1.+
2.PNG
span + p{
    background-color:skyblue;
}
span后一个p标签背景为天蓝色

运行结果


3.PNG
2.~
1.PNG
 span ~ p{
    background-color:green;
}
span后面所有的p标签背景为绿色

运行结果


4.PNG

否定伪类

6.PNG
p:not(#p1){
    color:red;
}

运行结果


7.PNG
意思就是not()括号里面填什么,填的那句话就不会执行(懂我的意思吧!不懂的话评论我,我会回复)
样式的继承

给<body>设置样式

body{
    font-size:30px;
}

body里面的所有元素都会继承body的样式
注:背景、边框、定义不会被继承

相关文章

  • CSS-常用选择器

    常用选择器 子代和父代选择器 伪类选择器 伪元素 属性选择器 孩子选择器 兄弟选择器 否定伪类 优先选择器 a的伪类

  • C3选择器

    属性选择器 兄弟选择器 伪类选择器 伪类target 伪元素before,after 其他伪元素

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

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

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

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

  • 兄弟元素选择器和否定伪类

    1.+ 运行结果 2.~ 运行结果 否定伪类 运行结果 样式的继承 给 设置样式 注:背景、边框、定义不会被继承

  • CSS3 积累(2)之结构伪类选择器

    介绍 伪类选择器主要有动态伪类选择器、UI元素状态伪类选择器、结构伪类选择器和伪元素等,这篇主要讲讲什么是结构伪类...

  • 有序列表 兄弟元素选择器

    语法:查找后边一个兄弟元素兄弟元素 + 兄弟元素{}查找后边所有兄弟元素兄弟元素 ~ 兄弟元素{}否定伪类语法:n...

  • 前端03

    1.伪类选择器 伪类专门用来表示元素的一种特殊的状态 2伪元素选择器 3选择器的优先级 内联样式ID选择器类和伪类...

  • jQuery之选择器

    基本选择器 层级选择器 简单伪类选择器 与内容相关的伪类选择器 与元素状态相关的伪类选择器 匹配子元素的伪类选择器...

  • 第2章 CSS3选择器-4

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

网友评论

      本文标题:兄弟元素选择器和否定伪类

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