<span style="text-indent: 2em; font-family: 'Microsoft YaHei', 宋體, Arial, Simhei; background-color: rgb(255, 255, 255);">如果需要選擇緊接在另一個元素後的元素，而且二者有相同的父元素，可以使用相鄰兄弟選擇器(Adjacent sibling selector)。</span>

例如，如果要增加緊接在 h1 元素後出現的段落的上邊距，可以這樣寫：

h1 + p {margin-top:50px;}

這個選擇器讀作：“選擇緊接在 h1 元素後出現的段落，h1 和 p 元素擁有共同的父元素”。

語法解釋

相鄰兄弟選擇器使用了加號（+），即相鄰兄弟結合符。

注意：只能改變相鄰兄弟中的第二個元素。

例子：

<div>
  <ul>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
  </ul>
  <ol>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
  </ol>
</div>
 

<pre name="code" class="html">li + li {font-weight:bold;}

注意：上面這個選擇器只會把列表中的第二個和第三個列表項變成粗體。第一個列表項不受影響。