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 ...