CSS相邻兄弟选择器可以选中某个元素后面的元素，前提是需要两者在同一父元素下

例如下面文档结构:

<div class="father">
<div class="one">我是第一个元素</div>
<p>紧随其后的一个元素</p>
<div class="box2"><p>第二个元素的子元素</p></div>
<p>紧随其后的三个元素</p>
<div class="box3">最后一个元素</div>
</div> 

如需要选中第一个元素紧随其后的元素可以写入选择器

.one+p

其中+为相邻兄弟选择器的连接符。

如需要选中后置的元素(第三个元素)，累计加号也是可行的。

.one+p+div+p 

兄弟选择器选中的是一种元素相邻的模式。例如写入

div+p

选择器会选中第一个元素和第二个元素后面紧跟的元素。最后一个元素不会被选中

在匹配相邻兄弟元素这种模式下，可以排除掉首位元素，例如建立结构为

<ul id="nav">
<li>001</li>
<li>002</li>
<li>003</li>
<li>004</li>
<li>005</li>
</ul>

书写选择器

#ul li+li

可以选中除第一个外的剩余ul内的li元素。
上面方法多用于站点底部导航中.