相邻兄弟选择器

如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器

• 结构：选择器＋“＋”＋兄弟元素

• 只选择紧邻的第一个元素

• 如下，只有h1 后的第一个p原色为红色
  

  
  

<style>
    h1+p{
        color: red;
    }
</style>

<h1>我是h1</h1>
<p>我是p</p>
<p>我是p</p>
<p>我是p</p>

尝试一下》

猜一猜，下面的展示效果应该是怎样的？

<style>
    li+li{
        color: red;
    }
</style>

<ul>
    <li>我是老大~~我没有哥哥</li>
    <li>我是老二~~我有哥哥</li>
    <li>我是老三~~我有哥哥</li>
    <li>我是老四~~我有哥哥</li>
</ul>

尝试一下》