"+" 號 : 相鄰兄弟選擇 ( Adjacent sibling selector ),好比:javascript
h1 + p { margin-top: 10px; }
上述代碼意思是:在同一個父容器下,選擇緊跟在 h1 標籤後的 p 元素css
">" 號 : 子元素選擇器(Child selector) ,好比:html
body > h1{ margin-top: 0; padding-top: 0; }
上述代碼意思是:選擇 body 下的第一個 h1 元素java
CSS 僞元素ssr
:first-childcode
ul >: first-child { background:yellow; }
上述代碼意思是:選擇 ul 下的第一個 子元素,若是是htm
li:first-child
則是選擇 列表下的第一個 li 元素ip