課程
/前端開發
/HTML/CSS
/十天精通CSS3
n-3為什么全綠了,我想實現前3行正常,后7行綠色該腫么辦?
2016-05-12
源自:十天精通CSS3 6-8
正在回答
?看不到你的代碼,從問題看應該是選擇器的問題。nth-child(n-3)是不行的,n是從0開始取得,所以你把元素都取到了。建議,你給前三行起一個class名稱。
涂山小狐貍3339196 提問者
對最佳答案有些疑問,因為這里要學習的是nth-child()選擇器,如果是加className就沒什么意義了,還不如樓上說的,如果你要前三個不變,后面改變樣式的話,那就nth-child(n+4),因為是從1開始的,n是0(1,2,3,這里開始改變)所以要加4,這樣才靠譜。
你可以這么寫
ol > li:not(:nth-child(n+4)){
? background: green;
}
serebi
n+4;?n從0開始,就是4,5,,7,...了。
n-3前面小于1的不識別,后面1開始就全選了
舉報
本課程為CSS3入門教程,深刻詳解CSS3知識讓網頁穿上絢麗裝備
2 回答為什么設置150px 3; 和設置成100px 3 的效果是一樣的?
4 回答為什么設置到footer
3 回答.wrap為什么要設置position:relative?
2 回答為什么不顯示綠色呢
2 回答為什么單列顯示時綠色條不見了
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-05-12
?看不到你的代碼,從問題看應該是選擇器的問題。nth-child(n-3)是不行的,n是從0開始取得,所以你把元素都取到了。建議,你給前三行起一個class名稱。
2016-06-18
對最佳答案有些疑問,因為這里要學習的是nth-child()選擇器,如果是加className就沒什么意義了,還不如樓上說的,如果你要前三個不變,后面改變樣式的話,那就nth-child(n+4),因為是從1開始的,n是0(1,2,3,這里開始改變)所以要加4,這樣才靠譜。
2016-06-06
你可以這么寫
ol > li:not(:nth-child(n+4)){
? background: green;
}
2016-05-21
n+4;?n從0開始,就是4,5,,7,...了。
n-3前面小于1的不識別,后面1開始就全選了