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

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的样式
注:背景、边框、定义不会被继承
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,050评论 3 119
  • 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示...
    七彩小鹿阅读 11,435评论 2 66
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 9,810评论 0 0
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,843评论 25 709
  • 计算两个班的人数 取余运算 求差值 输入操作
    17安泽轩阅读 1,410评论 0 0