(1).相邻兄弟选择器:用+连接选择器 选择紧跟在某一元素   后  的元素(第一个相邻的) ,二者有相同父元素

<div>
<h3>标题3</h3>
<p>第一段</p>
<p>第二段</p>
<p>第三段</p>
</div>

注意点:若三个同级的p标签在一起的时候使用 p+p选择的是

从第一个p标签开始某一p标签后面的p标签 

即  1.第一个p标签后面的p标签   

      2.第二个p标签后面的p标签 。

故只有第二个和第三个p标签被选中。以此类推,多个相同标签在同级相邻时使用相邻兄弟选择器除了第一个其余均被选中。

 (2).同级兄弟选择器:用~连接选择器 选择同级的元素(后面相邻的兄弟),二者有相同父元素

<div>
<h3>标题3</h3>
<p>第一段</p>
<p>第二段</p>
<p>第三段</p>
</div>

注意点:若三个同级的p标签在一起的时候使用 p~p选择的是

除了第一个p标签后的所有p标签。