在某些情況下,可能並不相選擇乙個任意的後代元素,而是希望縮小範圍，只選擇另乙個元素的子元素。例如，可能想選擇只作為乙個h1元素的子元素（而不是後代元素）的strong元素。為此可以使用子結合符，即大於號（>）
h1 > strong
選擇器h1 > strong 可以解釋為「選擇作為h1元素的子元素的所有strong元素」。子結合符兩邊可以有空白符，這是可選的，因此h1 > strong 、h1> strong和h1>strong都是一樣的。
詳細說明:
例如，a元素是strong元素的父元素，但是它又是p元素的子元素。可以用p > a和a > strong選擇器來匹配這個片段中的元素，但是p > strong不行，因為strong是p的後代而不是其子元素。
還可以在同乙個選擇器中結合使用後代選擇器和子選擇器。因此，table.summay td > p 會選擇作為乙個td元素子元素的所有p元素，這個td元素本身從table元素繼承，該table元素有乙個包含summary的class屬性
第2章 選擇器 選擇相鄰兄弟元素P56
假設你希望對乙個標題後緊接著的段落應用樣式，或者向乙個段落後緊接著的列表指定特殊的外邊距。要選擇緊接在另乙個元素後的元素，而且二者有相同的父元素，可以使用相鄰結合符，這表示為乙個加號 與子結合符一樣，相鄰兄弟結合符旁邊可以空白符。示例 list item 1 list item 1 list ite...
選擇器 子元素
匹配其父元素下的第n個子或奇偶元素 eq index 只匹配乙個元素，而這個將為每乙個父元素匹配子元素。nth child從1開始的，而 eq 是從0算起的！可以使用 nth child even nth child odd nth child 3n nth child 2 nth child 3n...
屬性選擇器，子元素選擇器，偽元素選擇器筆記
屬性選擇器 屬性名稱 屬性名稱 屬性值 子元素選擇器 第n個子元素 元素 nth child 1 最後乙個子元素 元素 last child 全部子元素 test test2 直接子元素 test test2 選擇後面的乙個元素 test div 選擇後面的多個元素 test div偽元素 通過cs...