CSS 相邻兄弟选择器 2.语法解释

    相邻兄弟选择器使用了加号（ + )，即相邻兄弟结合符（Adjacent sibling combinator)。与子结合符一样，相邻兄弟结合符旁边可以有空白符。请看下面这个文档树片段：

<div>

<ul>

<li>List item 1</li>

<li>List item 2</li>

<li>List item 3</ll>

</ul>

<ol>

<li>List item 1</li>

<li>List item 2</li>

<li>List item 3</1i>

</ol>

</div>

    在上面的片段中，div元素中包含两个列表：一个无序列表，一个有序列表，每个列表都包含三个列表项。这两个列表是相邻兄弟，列表项本身也是相邻兄弟。不过，第一个列表中的列表项与第二个列表中的列表项不是相邻兄弟，因为这两组列表项不属于同一父元素（最多只能算堂兄弟）。

    请记住，用一个结合符只能选择两个相邻兄弟中的第二个元素，请看下面的选择器：

    li + li {font-weight:bold;}

    上面这个选择器只会把列表中的第二个和第三个列表项变为粗体，而第一个列表项不受影响。