我想知道是否有 CSS 偽選擇器的簡寫，因為我有 4 個重復的 [:not] 選擇器。
div > h3 ~ div:nth-child(5):not(.no-need-2 > div):not(.no-need > div):not(p
~ div):not(.no-need)
uj5u.com熱心網友回復：
標題提出了一個非常籠統的問題，我不確定如何解釋，因此這個答案適用于 :not 偽類的特定情況。
見MDN
:not() 偽類需要一個逗號分隔的一個或多個選擇器串列作為其引數。該串列不得包含另一個否定選擇器或偽元素。
對于問題中給出的選擇器，因此您可以使用
div > h3 ~ div:nth-child(5):not(.no-need-2 > div, .no-need > div, p ~ div, .no-need)
大多數常見的瀏覽器現在都支持這種串列格式，但請檢查https://caniuse.com/?search=not
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/401880.html
標籤：css
上一篇：手機版頁面右側有一條白線