blob: 3f0e294fefa453bc5d3574111470ef0ffa4f083c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
|
# selector-combinator-space-before
Require a single space or disallow whitespace before the combinators of selectors.
```css
a > b + c ~ d e >>> f { 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 descendant combinator is *not* checked by this rule.
Also, `+` and `-` signs within `:nth-*()` arguments are not checked (e.g. `a:nth-child(2n+1)`).
The `--fix` option on the [command line](../../../docs/user-guide/cli.md#autofixing-errors) can automatically fix all of the problems reported by this rule.
## Options
`string`: `"always"|"never"`
### `"always"`
There *must always* be a single space before the combinators.
The following patterns are considered violations:
```css
a+ b { color: pink; }
```
```css
a>b { color: pink; }
```
The following patterns are *not* considered violations:
```css
a + b { color: pink; }
```
```css
a >b { color: pink; }
```
### `"never"`
There *must never* be whitespace before the combinators.
The following patterns are considered violations:
```css
a + b { color: pink; }
```
```css
a >b { color: pink; }
```
The following patterns are *not* considered violations:
```css
a+ b { color: pink; }
```
```css
a>b { color: pink; }
```
|
