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

<a>666</a>
<a>777</a>
<a>888</a>


a+a{
    border-left:1px solid black
}

效果： 666 |777|888 除第一个a没有左边框，后面的a会循环查找

2.~查找某一个指定元素的后面的所有兄弟结点。

<h1>666</h1>
<p>11</p>
<p>22</p>
<p>33</p>

h1~p{
    color:red
}

效果：

666

11(red)

22(red)

33(red)

3.>（子元素选择器）选取父元素是div元素的每个p元素，并设置其背景色

<div>
    <p>55</p>
    <p>66</p>
</div>


div>p
{ 
    background-color:yellow;
}

效果：

55(yellow)

66(yellow)

关于选择器