Pattern: Malformed whitespace after combinator of selector
Issue: -
Require a single space or disallow whitespace after the combinators of selectors.
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 descendant combinator is not checked by this rule.
Also, +
and -
signs within :nth-*()
arguments are not checked (e.g. a:nth-child(2n+1)
).
There must always be a single space after the combinators.
The following patterns are considered violations:
a +b { color: pink; }
a>b { color: pink; }
The following patterns are not considered violations:
a + b { color: pink; }
a> b { color: pink; }
There must never be whitespace after the combinators.
The following patterns are considered violations:
a + b { color: pink; }
a> b { color: pink; }
The following patterns are not considered violations:
a +b { color: pink; }
a>b { color: pink; }