選擇器運算子
選擇緊鄰元素
也就是第 2 個元素緊接於第 1 個元素之後
並且兩者擁有相同母元素
A + B
例:h2 + p
會選擇所有緊鄰於 <h2> 之後的 <p>
選擇兄弟元素
也就是第 2 個元素在第 1 個元素後方任意位置
並且兩者擁有相同母元素
A ~ B
例:p ~ span
會選擇所有在 <p> 元素之後的 <span>元素
選擇直接子元素
A > B
例:ul > li
僅會選擇 <ul> 元素巢狀內第一層的 <li> 元素
選擇所有子元素
A B
例:div span
會選擇所有 <div> 內的 <span> 元素