跳至主要內容

selector-not-notation

:not() 偽類別選取器指定簡單或複雜符號。

    a:not(.foo, .bar) {}
/** ↑
* This notation */

在選擇器等級 3 中,只允許單一簡單選擇器作為 :not() 的引數,而選擇器等級 4 則允許選擇器清單

使用

  • "complex" 編寫現代選擇器等級 4 CSS
  • "simple" 向下相容於較舊的瀏覽器

fix 選項 選項可以自動修正此規則報告的大部分問題。

message 次要選項 可以接受此規則的引數。

選項

字串"simple"|"complex"

"simple"

以下模式被視為問題

:not(a, div) {}
:not(a.foo) {}

以下模式不是被視為問題

:not(a):not(div) {}
:not(a) {}

"complex"

以下模式被視為問題

:not(a):not(div) {}

以下模式不是被視為問題

:not(a, div) {}
:not(a.foo) {}
:not(a).foo:not(:empty) {}