css的高階選擇器應該要慎重使用，因為它有可能會帶來瀏覽器相容性的bug，對於html中一些重要的元素上要盡量使用更為穩妥的選擇器。記得之前在某電商寫**時用了乙個nth-child()選擇器，結果測試時發現在ie8上出現了一些樣式沒有給到，原因就是nth-child()選擇器只能相容到ie8以上，不包括ie8。
高階選擇器包括以下幾種
子選擇器
相鄰同胞選擇器
屬性選擇器
後代選擇器選擇乙個元素的所有後代，而子元素選擇器只選擇元素的直接後代，也就是子元素。
比如
.view>p
它只選擇的是子節點p元素並不包括所有後代p元素，這個選擇器能相容到ie7基本還是比較好用的，但是ie7有個小坑，父親元素和子元素之間如果有html注釋，則會出現相容性bug。
相鄰同胞選擇器，相容性和子元素選擇器一致。寫法是這樣的：
.view+p
這個代表在.view元素後面的p元素，p不是.view的後代，而是兄弟節點。
屬性選擇器，選擇的是含有某個屬性的某個元素，比如下面的這種：
<acronym
title
="world wide web consortium"
>wwwc
acronym
>
acronym[title]
上句的選擇器就是選擇了含有title屬性的acronym元素。
還有nth-child系列等。
未完待續，
參考鏈結
CSS高階選擇器
css高階選擇器 例子 並集選擇器 p,h1 p和h1 標籤文字變紅色 交集選擇器 標籤選擇器 id 選擇器或者標籤選擇器 類選擇器 p.class1 類名為 class1 的p 標籤樣式中文字為黃色，當不同標籤使用相同類名時 後代選擇器 巢狀標籤 p span 注意兩者標籤中有空格的 this i...
css高階選擇器
css3高階選擇器 偽類選擇器 p first of type 匹配同型別中的第乙個同級兄弟元素p p last of type 匹配同型別中的最後乙個同級兄弟元素p p first child 匹配父元素的第乙個子元素p。p last child 匹配父元素的第乙個子元素p。p nth child...
css選擇器高階
1 屬性選擇器 屬性和值選擇器 2 相鄰兄弟選擇器 3 後代選擇器 包含選擇器 4 子元素選擇器 5 選擇器分組 1 屬性選擇器 屬性和值選擇器 1 為帶有 title 屬性的所有元素設定樣式 title 2 為 title haha 的所有元素設定樣式 title haha 3 為 title的屬...