本文介紹了CSS nth-child 表示大于和小于的處理方法,對大家解決問題具有一定的參考價值,需要的朋友們下面隨著小編來一起學習吧!
問題描述
在我的 HTML 中,
<div class="container"></div><div 類="容器"></div><div 類="容器"></div><div 類="容器"></div>..........................................
在上面的 HTML 中,我有 container
類.在我的 CSS 中,我需要添加一些樣式到 .container:nth-child(3,4,5,6,..等等)
.意味著我需要應用除 1 和 2 之外的所有 nth-child
.
解決方案
:nth-child()
不適用于類,它會查找元素本身.您需要通過包裝器包裝 .container
div 并使用以下內容:
.wrapper div:nth-child(n+3) {/* 把你的樣式放在這里... *
【網站聲明】本站部分內容來源于互聯網,旨在幫助大家更快的解決問題,如果有圖片或者內容侵犯了您的權益,請聯系我們刪除處理,感謝您的支持!