## A + B（相鄰兄弟選擇器） 定義：css2。 匹配B元素，滿足條件：B是A的下一個兄弟節點（AB有相同的父結點，并且B緊跟在A的后面）。 ## A ~ B （通用兄弟選擇器） 定義： css3。匹配B元素，滿足條件：B是A之后的兄弟節點中的任意一個（AB有相同的父節點，B在A之后，但不一定是緊挨著A） ## A > B （子選擇器） 定義：css2。匹配B元素，滿足條件：B是A的直接子節點。

在css中，選擇器是一種模式，用于選擇需要添加樣式的元素。它有多種選擇器，我們看一下比較常見，但容易混淆的三個選擇器+、~、>

A + B（相鄰兄弟選擇器）

定義：css2。 匹配B元素，滿足條件：B是A的下一個兄弟節點（AB有相同的父結點，并且B緊跟在A的后面）。

A ~ B （通用兄弟選擇器）

定義： css3。匹配B元素，滿足條件：B是A之后的兄弟節點中的任意一個（AB有相同的父節點，B在A之后，但不一定是緊挨著A）

A > B （子選擇器）

定義：css2。匹配B元素，滿足條件：B是A的直接子節點。

See the Pen CSS選擇器+~&rt; by LiuwqGit (@weiqinl) on CodePen.