兄弟选择器-交/并集选择器

一·兄弟选择器
1.相邻兄弟选择器：

div+p{
    color: red;
    }

修改div元素后紧挨的p元素（div和p属于兄弟关系） 2.全体兄弟选择器

div~p{
    color: red;
    }

修改div元素后的所有p元素（div和p属于兄弟关系）
二.交并集选择器
1.交/集选择器

 <div class="p1">5555</div>
  div.p1{
    color: red;
    }

5555会变成红色 上面样式生效要求符合两个条件，要是div元素且class名为p1 2.并集选择器

<div>111</div>
<div class="one">1111</div>
<div class="p1">1111</div>
<h1>11111</h1>
div,.p1,h1,one{
    color: red;
}

如上所有的‘1111’全部都会变红 只需要满足其中的一个条件，就能产生变化