文章詳情頁
css - 關于nth-child()的問題
瀏覽:169日期: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. 如何解決Centos下Docker服務啟動無響應,且輸入docker命令無響應?2. 我在centos容器里安裝docker,也就是在容器里安裝容器,報錯了?3. vue ajax請求回來的數據沒有渲染到頁面4. mysql新建字段時 timestamp NOT NULL DEFAULT ’0000-00-00 00:00:00’ 報錯5. docker 17.03 怎么配置 registry mirror ?6. javascript - js 關于時間的轉換以及時間的加減。7. objective-c - IOS 分享到微信 提示 應用消息數據錯誤8. javascript - 音樂播放器-圖片旋轉9. angular.js - 用angularjs的service封裝百度地圖api出錯,請問原因?10. MySQL timestamp的默認值怎么設置?
排行榜
