UNPKG

1.07 kBMarkdownView Raw
1# selector-max-combinators
2
3Limit the number of combinators in a selector.
4
5<!-- prettier-ignore -->
6```css
7 a > b + c ~ d e { color: pink; }
8/** ↑ ↑ ↑ ↑
9 * These are combinators */
10```
11
12This rule resolves nested selectors before counting the number of combinators selectors. Each selector in a [selector list](https://www.w3.org/TR/selectors4/#selector-list) is evaluated separately.
13
14## Options
15
16`int`: Maximum combinators selectors allowed.
17
18For example, with `2`:
19
20The following patterns are considered problems:
21
22<!-- prettier-ignore -->
23```css
24a b ~ c + d {}
25```
26
27<!-- prettier-ignore -->
28```css
29a b ~ c {
30 & > d {}
31}
32```
33
34<!-- prettier-ignore -->
35```css
36a b {
37 & ~ c {
38 & + d {}
39 }
40}
41```
42
43The following patterns are _not_ considered problems:
44
45<!-- prettier-ignore -->
46```css
47a {}
48```
49
50<!-- prettier-ignore -->
51```css
52a b {}
53```
54
55<!-- prettier-ignore -->
56```css
57a b ~ c {}
58```
59
60<!-- prettier-ignore -->
61```css
62a b {
63 & ~ c {}
64}
65```
66
67<!-- prettier-ignore -->
68```css
69/* each selector in a selector list is evaluated separately */
70a b,
71c > d {}
72```