選擇器運算子
選擇器運算子
CSS selectors cheatsheet
+
選擇緊鄰元素
第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>
元素