css選擇器+、~、>

在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.