文章詳情頁
css - 關(guān)于nth-child()的問題
瀏覽:236日期:2023-07-06 09:39:03
問題描述
span:nth-child(-n+3)匹配前三個(gè)子元素中的span元素為什么是匹配前3個(gè)元素??如果n是0開始的話,不應(yīng)該是n+3嗎?
問題解答
回答1:span:nth-child(n+3) 感覺是匹配的從第三個(gè)往后的所有 span 元素
n 應(yīng)該是從 0,1,2,…… 加上負(fù)號(hào)才能保證 nth-chlid(里面的數(shù)字小于等于三)
回答2:Example:
-n+6 / represents the first 6 elements of the list /
The values of A and B can be negative, but only the positive results of An+B, >for n ≥ 0, are used.
你可以這樣理解,n是從0開始計(jì)數(shù)(0,1,2...)所以(-n+6) => (6,5,4,3,2,1)所以是前六個(gè)上面的引用已經(jīng)說了,只有正數(shù)會(huì)被使用。
標(biāo)簽:
CSS
相關(guān)文章:
1. javascript - 最近用echarts做統(tǒng)計(jì)圖時(shí)遇到兩個(gè)問題??!2. 淺談Vue使用Cascader級(jí)聯(lián)選擇器數(shù)據(jù)回顯中的坑3. node.js - less-loader 使用Mixins出錯(cuò)4. 利用IPMI遠(yuǎn)程安裝centos報(bào)錯(cuò)!5. android - 使用MTP連接的時(shí)候如何使自己的app加入選擇列表6. 為什么redis中incr一個(gè)“0” 會(huì)報(bào)錯(cuò)?7. celery+redis 怎么看redis里面的內(nèi)容8. android - 使用百度sdk調(diào)用SDKInitializer.initialize(this)時(shí)報(bào)錯(cuò)?9. node.js - npm run dev報(bào)錯(cuò)10. android - 優(yōu)酷的安卓及蘋果app還在使用flash技術(shù)嗎?
排行榜

熱門標(biāo)簽
網(wǎng)公網(wǎng)安備