css檔案 css的選擇器 編號2

2021-10-25 15:51:18 字數 578 閱讀 1658

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取代 我是段...