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

2018-11-19 本文已影响15人优秀的人A

2.PNG

span + p{
    background-color:skyblue;
}
span后一个p标签背景为天蓝色

运行结果

3.PNG

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的样式