課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
.clearfix li:nth-of-type(1)只有1個有,.clearfix a:nth-of-type(1)全部都選擇了
2017-01-18
源自:十天精通CSS3 7-8
正在回答
ul 里面的li 是這樣的 ?<ul><li></li><li></li><li></li><li></li></ul>所以你選li:nth-of-type(1)只有1個有也就是加粗的那個
li里面的a<li><a></a></li> 只有一個 其他的a 分別在每個li中,不是并列的,所以沒法用a:nth-of-type(1-5)分別選,就像樓上說的,因為每個li中有,只有一個a ,所以你用a:nth-of-type(1)就會都被選中。
你想分別選就用li:nth-of-type(1) a::after?li:nth-of-type(2) a::after等等?
.clearfix ?li:nth-of-type(1) 是選擇屬于其父元素(.clearfix)的第一個li,所以只有一個li出來了
而 .clearfix a:nth-of-type(1)是選擇屬于其父元素(.clearfix>li>a)的第一個a,每一個a都是li下面的第一個子元素,所以就都有了
后面還有個?.clearfix li:nth-of-type(1) a:after
意思是第一個clearfix下面的li, 下面的a 的后面添加css格式
舉報
本課程為CSS3入門教程,深刻詳解CSS3知識讓網(wǎng)頁穿上絢麗裝備
2 回答這樣為什么不是選擇最后一個子元素
2 回答任務(wù)七未選擇背景圖級?
3 回答使用::after制作圓形效果時為什么是a::after而不是li::after?
4 回答任務(wù)7 .bg:not(:target) 做完之后為什么沒有效果
1 回答任務(wù)6 動畫效果顯示不了?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2017-04-14
ul 里面的li 是這樣的 ?<ul><li></li><li></li><li></li><li></li></ul>所以你選li:nth-of-type(1)只有1個有也就是加粗的那個
li里面的a<li><a></a></li> 只有一個 其他的a 分別在每個li中,不是并列的,所以沒法用a:nth-of-type(1-5)分別選,就像樓上說的,因為每個li中有,只有一個a ,所以你用a:nth-of-type(1)就會都被選中。
你想分別選就用li:nth-of-type(1) a::after?li:nth-of-type(2) a::after等等?
2017-01-19
.clearfix ?li:nth-of-type(1) 是選擇屬于其父元素(.clearfix)的第一個li,所以只有一個li出來了
而 .clearfix a:nth-of-type(1)是選擇屬于其父元素(.clearfix>li>a)的第一個a,每一個a都是li下面的第一個子元素,所以就都有了
后面還有個?.clearfix li:nth-of-type(1) a:after
意思是第一個clearfix下面的li, 下面的a 的后面添加css格式