css選擇器位置和數量技巧

2022-02-03 21:35:36 字數 497 閱讀 2319

1. 除去首個元素

li:not(:first-child)

li + li

li:first-child ~ li

2. 第1-3個元素

li:nth-child(-n+3)

3. 除去第1-3個元素

li:not(:nth-child(-n+3))

4.第5-10個子元素

table tr:nth-child(n+5):nth-child(-n+10)

5.倒數第四個以及之前的元素

:nth-last-child(n+4)

6. .list裡面li元素個數大於等於4,則顯示為紅色(數量感知)

.list li:nth-last-child(n+4) ~ li,

.list li:nth-last-child(n+4):first-child

css選擇器 CSS選擇器總結

在前不久的專案中,實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義,從而導致這個全域性的樣式讓 所有頁面都出現了問題,然後我就只...

CSS選擇器 標籤,div的位置。

今天是休假,布置了乙個作業,是利用css製作史丹福大學官網。雖然是乙個並不複雜的製作,卻讓我第一次體會到了想摔滑鼠的感覺。遇到了很多問題,卻找不出自己到底是 出了問題,簡簡單單的乙個logo。足足多了快兩天了,都沒有按照自己理想的情況完成,不著圖示位置出了問題,就是放不到該放的位置。乙個放在另個 內...

JQuery位置選擇器

位置選擇器 選擇li的第乙個元素 li first css border 3px solid ff0000 最後一次出現的div div last css border 3px solid ff0000 選擇奇數段落 下標從0開始 p odd css border 3px solid ff0000 ...