1 | # selector-pseudo-class-no-unknown
|
2 |
|
3 | Disallow unknown pseudo-class selectors.
|
4 |
|
5 |
|
6 | ```css
|
7 | a:hover {}
|
8 | /** ↑
|
9 | * This pseudo-class selector */
|
10 | ```
|
11 |
|
12 | This rule considers pseudo-class selectors defined in the CSS Specifications, up to and including Editor's Drafts, to be known.
|
13 |
|
14 | This rule ignores vendor-prefixed pseudo-class selectors.
|
15 |
|
16 | ## Options
|
17 |
|
18 | ### `true`
|
19 |
|
20 | The following patterns are considered violations:
|
21 |
|
22 |
|
23 | ```css
|
24 | a:unknown {}
|
25 | ```
|
26 |
|
27 |
|
28 | ```css
|
29 | a:UNKNOWN {}
|
30 | ```
|
31 |
|
32 |
|
33 | ```css
|
34 | a:hoverr {}
|
35 | ```
|
36 |
|
37 | The following patterns are _not_ considered violations:
|
38 |
|
39 |
|
40 | ```css
|
41 | a:hover {}
|
42 | ```
|
43 |
|
44 |
|
45 | ```css
|
46 | a:focus {}
|
47 | ```
|
48 |
|
49 |
|
50 | ```css
|
51 | :not(p) {}
|
52 | ```
|
53 |
|
54 |
|
55 | ```css
|
56 | input:-moz-placeholder {}
|
57 | ```
|
58 |
|
59 | ## Optional secondary options
|
60 |
|
61 | ### `ignorePseudoClasses: ["/regex/", "string"]`
|
62 |
|
63 | Given:
|
64 |
|
65 | ```
|
66 | ["/^my-/", "pseudo-class"]
|
67 | ```
|
68 |
|
69 | The following patterns are _not_ considered violations:
|
70 |
|
71 |
|
72 | ```css
|
73 | a:pseudo-class {}
|
74 | ```
|
75 |
|
76 |
|
77 | ```css
|
78 | a:my-pseudo {}
|
79 | ```
|
80 |
|
81 |
|
82 | ```css
|
83 | a:my-other-pseudo {}
|
84 | ```
|