1.後代選擇器
後代選擇器——典型用單個空格（ ）字元——組合兩個選擇器，比如，第二個選擇器匹配的元素被選擇，如果他們有乙個祖先（父親，父親的父親，父親的父親的父親，等等）元素匹配第乙個選擇器。選擇器利用後代組合符被稱作後代選擇器。
2.子代關係選擇器
子代關係選擇器是個大於號（>），只會在選擇器選中直接子元素的時候匹配。繼承關係上更遠的後代則不會匹配。例如，只選中作為的直接子元素的元素：
article >p
3.鄰接兄弟
鄰接兄弟選擇器（+）用來選中恰好處於另乙個在繼承關係上同級的元素旁邊的物件。例如，選中所有緊隨元素之後的
元素：4
.通用兄弟
如果你想選中乙個元素的兄弟元素，即使它們不直接相鄰，你還是可以使用通用兄弟關係選擇器（~）。要選中所有的元素後任何地方的
元素，我們會這樣做：
p ~ img
Css選擇器 層次選擇器（關係選擇器）
1.e f 匹配 e 元素下所有的子元素 f 後代選擇器 eg css.box a匹配 box 下所有的子元素 a 2.e f 匹配 e 元素下第一級子元素 f 子選擇器 eg css.box a匹配 box 下第一級子元素 a 3.e f 匹配 e 元素後面緊鄰的哪乙個 f 元素 有且僅有乙個 相...
《選擇器》 五 過濾選擇器
1 doctype html 2 html lang cn 3 head 4 meta charset utf 8 5 title title title 6head 7 body 8 ul 9 li 1 li 10 li 2 li 11 li 3 li 12 li 4 li 13 li 5 li ...
CSS選擇器之屬性選擇器 關係選擇器
e代表標籤名，如p,div等等 att表示該標籤定義了的乙個屬性名，如class id等，value為該屬性的屬性值，該屬性值為包含字首 value的子字串。若去掉e,則表示匹配滿足條件的任意元素 基本原理同上，不過value表示該屬性值應包含以value為字尾的子字串 基本原理同上，但value表...