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