課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
n-3為什么全綠了,我想實現(xiàn)前3行正常,后7行綠色該腫么辦?
2016-05-12
源自:十天精通CSS3 6-8
正在回答
?看不到你的代碼,從問題看應(yīng)該是選擇器的問題。nth-child(n-3)是不行的,n是從0開始取得,所以你把元素都取到了。建議,你給前三行起一個class名稱。
涂山小狐貍3339196 提問者
對最佳答案有些疑問,因為這里要學(xué)習(xí)的是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知識讓網(wǎng)頁穿上絢麗裝備
2 回答為什么設(shè)置150px 3; 和設(shè)置成100px 3 的效果是一樣的?
4 回答為什么設(shè)置到footer
3 回答.wrap為什么要設(shè)置position:relative?
2 回答為什么單列顯示時綠色條不見了
2 回答為什么不顯示綠色呢
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-05-12
?看不到你的代碼,從問題看應(yīng)該是選擇器的問題。nth-child(n-3)是不行的,n是從0開始取得,所以你把元素都取到了。建議,你給前三行起一個class名稱。
2016-06-18
對最佳答案有些疑問,因為這里要學(xué)習(xí)的是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開始就全選了