css3高階選擇器
偽類選擇器
p:first-of-type : 匹配同型別中的第乙個同級兄弟元素p
p:last-of-type : 匹配同型別中的最後乙個同級兄弟元素p
p:first-child : 匹配父元素的第乙個子元素p。
p:last-child : 匹配父元素的第乙個子元素p。
p:nth-child(n) : 返回其父元素的第n個p元素
偽元素選擇器
p::first-letter文字的第乙個單詞或字（如中文、日文、韓文等）
p::first-line 文字第一行；
p::selection 可改變選中文字的樣式
e::before和e::after
在e元素內部的開始位置和結束位建立乙個元素，該元素為行內元素，且必須要結合content屬性使用。
比如： p::after
p::before先找到p標籤，再找到p標籤中有class屬性='cls'的p標籤
p[class='cls']
先找到p標籤，再找到p標籤中有class屬性以『cls』開頭的p標籤
p[class^='cls']
p[class$='1']
先找到p標籤，在找到p標籤中有class屬性，屬性包括cls 所有的p標籤
p[class*='cls']
CSS高階選擇器
css高階選擇器 例子 並集選擇器 p,h1 p和h1 標籤文字變紅色 交集選擇器 標籤選擇器 id 選擇器或者標籤選擇器 類選擇器 p.class1 類名為 class1 的p 標籤樣式中文字為黃色，當不同標籤使用相同類名時 後代選擇器 巢狀標籤 p span 注意兩者標籤中有空格的 this i...
css選擇器高階
1 屬性選擇器 屬性和值選擇器 2 相鄰兄弟選擇器 3 後代選擇器 包含選擇器 4 子元素選擇器 5 選擇器分組 1 屬性選擇器 屬性和值選擇器 1 為帶有 title 屬性的所有元素設定樣式 title 2 為 title haha 的所有元素設定樣式 title haha 3 為 title的屬...
CSS高階選擇器
舉例 123 其中a為類,a 1為偽類,偽類也是一種類,他們之間用宮格隔開 我們選擇該標籤的時候可以.a.a 1,也有.a,也可以.a 1常用的兩個偽類選擇器 偽類選擇器都是用 連線的 類名 nth of type n 先確定選擇器，在匹配位置 舉例 第1個p 第2個p 第3個p 第4個p 第5個p...