Disallow combinators in selectors.
a > b + c ~ d e { color: pink; }
/** ↑ ↑ ↑ ↑
* These are combinators */Combinators are used to combine several different selectors into new and more specific ones. There are several types of combinators, including: child (>), adjacent sibling (+), general sibling (~), and descendant (which is represented by a blank space between two selectors).
The following patterns are considered warnings:
a b { color: pink; }a > b { color: pink; }The following patterns are not considered warnings:
a { color: pink; }.foo, #bar { color: pink; }a.foo { color: pink; }