本文介紹了CSS - 沒有特定班級的第一個孩子的處理方法，對大家解決問題具有一定的參考價值，需要的朋友們下面隨著小編來一起學習吧！
問題描述
是否可以編寫 CSS 規則來選擇沒有特定類的元素的第一個子元素?
示例:
<span class="普通類忽略"></span><span class="普通類忽略"></span><span class="common-class"></span><span class="common-class"></span></div>在這種情況下，我想選擇沒有類 ignore 的第一個 span.我試過了，但似乎沒有用:
.common-class:first-child:not(.ignore) {...一些規則...}
更新:
如果我將一個名為 parent-class 的類添加到父 div，則 Jukka 建議的選擇器的修改版本可以工作，除非第一個 span 具有類 >ignore 出現在第一個沒有之后.上述選擇器如下:
.parent-class >.common-class.ignore + .common-class:not(.ignore) {...一些規則...}
解決方案 這個問題類似于第一個元素的 CSS 選擇器有類，除了第一個元素沒有一個類.如前所述，:first-child:not(.ignore) 表示一個元素，它是其父元素的第一個子元素，并且沒有類ignore"，而不是第一個匹配其余元素的子元素選擇器.
您可以將覆蓋技術與我在 我對鏈接問題的回答，將類選擇器替換為包含類選擇器的 :not() 偽類:
.common-class:not(.ignore) {/* 每個沒有 class .ignore 的 span，包括第一個 *
【網站聲明】本站部分內容來源于互聯網,旨在幫助大家更快的解決問題，如果有圖片或者內容侵犯了您的權益，請聯系我們刪除處理，感謝您的支持！