selector-max-pseudo-class

セレクタ内の擬似クラスの数を制限します。

.foo .bar:first-child:hover {}
/*       ↑           ↑
         ↑           ↑
         1           2 -- this selector contains two pseudo-classes */

このルールは、セレクタ内の擬似クラスの数をカウントする前に、ネストされたセレクタを解決します。 セレクタリスト内の各セレクタは個別に評価されます。

:not()擬似クラスの内容も個別に評価されます。このルールは、引数を独立したセレクタであるかのように処理し、その結果は全体のセレクタの合計にはカウントされません。

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

オプション

int: 許容される最大擬似クラス数。

例えば、1の場合

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

a:first-child:focus {}

.foo .bar:first-child:hover {}

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

a {}

a:first-child {}

.foo .bar:first-child {}