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.

Options#

int: Maximum combinators selectors allowed.

For example, with 2:

The following patterns are considered violations:

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

The following patterns are not considered violations:

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