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