メインコンテンツへスキップ

selector-pseudo-class-disallowed-list

許可されない疑似クラスセレクターのリストを指定します。

  a:hover {}
/** ↑
* This pseudo-class selector */

このルールは、変数補間を使用するセレクター(例::#{$variable} {})を無視します。

message セカンダリオプションは、このルールの引数を受け入れることができます。

オプション

array|string|regex: ["array", "of", "unprefixed", /pseudo-classes/, "/regex/"]|"pseudo-class"|"/regex/"|/regex/

文字列が "/" で囲まれている場合(例:"/^nth-/")、正規表現として解釈されます。これにより、たとえば、/^nth-/nth-childnth-last-childnth-of-type などに一致するように、簡単に短縮形をターゲットにすることができます。

与えられた

["hover", "/^nth-/"]

以下のパターンは問題とみなされます

a:hover {}
a:nth-of-type(5) {}
a:nth-child(2) {}

以下のパターンは問題とはみなされません

a:focus {}
a:first-of-type {}