Css 的偽類除了可以用來選擇某個元素或狀態,還可以進行反向選擇,也就是排除某些特定的元素或狀態。
/* :not 偽類 */ p:not(.exclude) { color: red; }
其中,:not() 偽類可以在選擇器中指定一個除外的樣式,具體語法如下:
:not(selector)
這樣,選擇器就會選中除了指定選擇器之外的所有元素。
還有一種比較常用的反向選擇是通過偽類的邏輯運算符來實現:
/* :not 和 :matches 偽類結合使用 */ p:not(:matches(.exclude)) { color: red; }
在這里我們使用了邏輯運算符 :matches(),它可以將多個選擇器進行組合,如下:
:matches(selector1, selector2, selector3)
這樣,選擇器就會選中所有符合其中一個選擇器的元素。
Css 的反向選擇可以為我們帶來方便和代碼簡潔,但要注意不要濫用,避免對性能造成過多負擔。
上一篇css 位置命令
下一篇mysql的基礎公式