前情：如隨手記二中提到的相鄰兄弟選擇器，如果需要選擇緊接在另乙個元素後的元素，而且二者有相同的父元素，可以使用相鄰兄弟選擇器（adjacent sibling selector）。
格式如：h1 + p 這個選擇器讀作：「選擇緊接在 h1 元素後出現的段落，h1 和 p 元素擁有共同的父元素」。
也就是說，這個選擇器要滿足幾個條件，第一就是h1和p必須是相鄰的兄弟關係，即，如果有乙個結構是，那麼和依舊不是相鄰的兄弟關係；這種情況下，ol + ul 是沒有效果的，去掉後，ol + ul才成立。(如下圖)
第二，要注意的是，ol + ul 這種寫法，意思是我想要應用這個樣式，必須每個ul前都要有乙個ol，否則沒效果。
就是邏輯的問題…奈何我差點轉不過來…
相鄰兄弟選擇器
相鄰兄弟選擇器 adjacent sibling selector 可選擇緊接在另一元素後的元素，且二者有相同父元素。相鄰兄弟選擇器使用了加號 即相鄰兄弟結合符 adjacent sibling combinator 注釋 與子結合符一樣，相鄰兄弟結合符旁邊可以有空白符。請看下面這個文件樹片段 cs...
兄弟選擇器和相鄰兄弟選擇器
1 兄弟選擇器 brother selector，bs bs是css3.0新增的乙個選擇器，語法格式 a b a b為html元素 標籤，表示a標籤匹配selector的a，b標籤匹配selector的b時，b標籤匹配樣式 hello word hello word hello word hello...
子選擇器 相鄰兄弟選擇器
今天新學習的關於css的各種選擇器，其中子選擇器和相鄰兄弟選擇器比較重要，可以大大的減少文件中class特性的數量。下面用乙個簡單的例子介紹一下他們的用處。事例中需要表達的樣式為 第乙個段落無邊框也無背景色 所有中的段落都有邊框 最後3個段落背景色為灰色 相鄰兄弟選擇器 title 5 style ...