文章詳情頁(yè)
css - 關(guān)于nth-child()的問(wèn)題
瀏覽:139日期:2023-07-06 09:39:03
問(wèn)題描述
span:nth-child(-n+3)匹配前三個(gè)子元素中的span元素為什么是匹配前3個(gè)元素??如果n是0開(kāi)始的話,不應(yīng)該是n+3嗎?
問(wèn)題解答
回答1:span:nth-child(n+3) 感覺(jué)是匹配的從第三個(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開(kāi)始計(jì)數(shù)(0,1,2...)所以(-n+6) => (6,5,4,3,2,1)所以是前六個(gè)上面的引用已經(jīng)說(shuō)了,只有正數(shù)會(huì)被使用。
標(biāo)簽:
CSS
相關(guān)文章:
1. javascript - 關(guān)于<a>元素與<input>元素的JS事件運(yùn)行問(wèn)題2. mysql - 記得以前在哪里看過(guò)一個(gè)估算時(shí)間的網(wǎng)站3. python - 有什么好的可以收集貨幣基金的資源?4. python - 啟動(dòng)Eric6時(shí)報(bào)錯(cuò):’qscintilla_zh_CN’ could not be loaded5. css3 - 我想要背景長(zhǎng)度變化,而文字不移動(dòng),要怎么修改呢6. MySQL中的enum類型有什么優(yōu)點(diǎn)?7. css3 - 純css實(shí)現(xiàn)點(diǎn)擊特效8. javascript - vue 怎么渲染自定義組件9. javascript - 同步方式寫異步到底指什么?10. android下css3動(dòng)畫非常卡,GPU也不差啊
排行榜

熱門標(biāo)簽