nth-child()
odd 和 event
:nth-child(2)
使用公式 (an + b)。描述:表示週期的長度,n 是計數器(從 0 開始),b 是偏移值。
w3c的例項
這個父盒子中所有p標籤 第二個是否是p標籤 是改變背景顏色 否 不變
p:nth-child(2)
規定屬於其父元素的第二個子元素的每個 p 的背景色:
w3c的例項
:last-child
p:last-child
:last-child 選擇器匹配屬於其父元素的最後乙個子元素的每個元素。
:first-child
p:first-child
:first-child 選擇器用於選取屬於其父元素的首個子元素的指定選擇器。
w3網頁位址
:first-of-type
:first-of-type 選擇器匹配屬於其父元素的特定型別的首個子元素的每個元素。
w3c的例項( :first-of-type ) css選擇器 CSS選擇器總結
在前不久的專案中,實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義,從而導致這個全域性的樣式讓 所有頁面都出現了問題,然後我就只...
CSS選擇器整理2
5 選擇器之間的優先順序 a 一般而言,選擇器指向越精確,優先順序就越高,通常情況下 元素選擇器 類選擇器important屬性選擇器 偽類選擇器和類選擇器優先順序一樣,偽元素選擇器和元素選擇器一樣 b css遵循繼承原則 如果父標籤定義了某個樣式,則預設對應的子標籤也應用該樣式 和就近原則 離標籤...
css之選擇器2
交集選擇器 1 作用 給所有選擇器選中的標籤中,相交的那部分標籤設定屬性 2 格式 選擇器1選擇器2 3 注意 1 選擇器與選擇器之間沒有任何鏈結符號 2 選擇器可以使用標籤名稱 id class 3 交集選擇器在企業開發中並不多見,了解即可 因為 p.part1 完全可以用.part1取代 我是段...