Skip to main content

selector-max-combinators

Limit the number of combinators in a selector.

  a > b + c ~ d e { color: pink; }
/** ↑ ↑ ↑ ↑
* These are combinators */

This rule resolves nested selectors before counting the number of combinators selectors. Each selector in a selector list is evaluated separately.

The message secondary option can accept the arguments of this rule.

Options

int: Maximum combinators selectors allowed.

For example, with 2:

The following patterns are considered problems:

a b ~ c + d {}
a b ~ c {
& > d {}
}
a b {
& ~ c {
& + d {}
}
}

The following patterns are not considered problems:

a {}
a b {}
a b ~ c {}
a b {
& ~ c {}
}
/* each selector in a selector list is evaluated separately */
a b,
c > d {}