一、并集选择器
1.作用：给所有的选择器选中的标签设置属性。
2.格式：
选择器1，选择器2｛
属性：值；
｝
3.例如：
.abc1,#abc2{
color:red;
}
.......省略代码....... <p class="abc1">并集1</p>
<p id="abc2">并集2</p><
web前端开发学习Q-q-u-n：784783012 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法（详细的前端项目实战教学视频）
4.注：支持多个标签取并集，中间用逗号连接就行。上一节中交集选择器也可以取多个交集
二、兄弟选择器
1.相邻兄弟选择器
（1）定义：给指定选择器后面紧跟的那个选择器选中的标签设置属性。
（2）格式：
标签1+标签2｛
属性：值；
｝
（3）例子：
h1+p{
color:red;
.......省略代码....... <h1>我是标题1</h1>
<p>我是段落1</p>
<p>我是段落2</p>
<p>我是段落3</p>
<h1>我是标题2</h1>
<p>我是标题5</p>
<p>我是标题6</p>
<p>我是标题7</p>
（4）注意点：相邻兄弟选择器只能选中紧跟后面的那个标签；
如果选择多个，也就是多个选择器用加号相邻，则最后一个会生效，前提是按顺序写，别跳过标签，例如
h1+p+p+p+a{
color:red;
}
.......省略代码....... <h1>我是标题1</h1>
<p>我是段落1</p>
<p>我是段落2</p>
<p>我是段落3</p>
web前端开发学习Q-q-u-n：784783012 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法（详细的前端项目实战教学视频）
2.通用兄弟选择器
（1）定义：给指定选择器后面的所有选择器选中的所有标签设置属性。
（2）格式：
选择器1~选择器2｛
属性：值；
｝
（3）举例：
h2~p{
color:blue;
}
.......省略代码....... <h2>我是标题3</h2>
<a href="#">我来阻挡1</a>
<p>我是段落8</p>
<p>我是段落9</p>
<p>我是段落10</p>
<a href="#">我来阻挡2</a>
如果大家对编程，web前端感兴趣，想要了解学习，打算深入了解这个行业的朋友，可以加下我们的前端学习扣qun : 784783012 ，不论你是学生还是想转行的朋友，我都欢迎，不定期分享干货，整理的一份2019最新的web前端学习资料和0基础入门教程分享给大家：学习前端我们是认真的
（4）注：后面的p标签全都生效了，即使有其他标签阻挡也没事
转载：https://blog.csdn.net/wewfdf/article/details/101794738
查看评论