舉例
123
其中a為類,a-1為偽類,偽類也是一種類,他們之間用宮格隔開
我們選擇該標籤的時候可以.a.a-1,也有.a,也可以.a-1
偽類選擇器都是用:連線的
類名:nth-of-type(n):先確定選擇器，在匹配位置
舉例
第1個p
第2個p
第3個p
第4個p
第5個p
第1個p
第2個p
第3個p
第4個p
第5個p
樣式設定為
p:nth-child(2)
p:nth-of-type(3)
div .h2
div>.h2
就是把上述的選擇進行組合,包括之前講的基礎選擇器
就是把上述的選擇器用包括之前講的基礎選擇器,隔開從而選擇多個元素
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的屬...