文章詳情頁
css - 關于nth-child()的問題
瀏覽:157日期:2023-07-06 09:39:03
問題描述
span:nth-child(-n+3)匹配前三個子元素中的span元素為什么是匹配前3個元素??如果n是0開始的話,不應該是n+3嗎?
問題解答
回答1:span:nth-child(n+3) 感覺是匹配的從第三個往后的所有 span 元素
n 應該是從 0,1,2,…… 加上負號才能保證 nth-chlid(里面的數字小于等于三)
回答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開始計數(0,1,2...)所以(-n+6) => (6,5,4,3,2,1)所以是前六個上面的引用已經說了,只有正數會被使用。
標簽:
CSS
相關文章:
1. javascript - vue提示語法錯誤,請問錯誤在哪?2. jquery中關于html和text有什么區別?3. ios - vue-cli開發項目webstrom會在stylus樣式報錯,飆紅,請大神幫忙4. css - 移動端 oppo 手機之 Border-radius5. 淺談vue生命周期共有幾個階段?分別是什么?6. index.php錯誤,求指點7. javascript - vue.js如何遞歸渲染組件.8. angular.js - angularjs中添加高德地圖API,地圖顯示不正常,控制臺報錯,何解?9. html - JavaScript的Dom操作如何改變子元素的文本內容10. python - 抓包只抓到json,真實的地址卻找不到
排行榜
