|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- # selector-pseudo-element-allowed-list
-
- Specify a list of allowed pseudo-element selectors.
-
- <!-- prettier-ignore -->
- ```css
- a::before {}
- /** ↑
- * This pseudo-element selector */
- ```
-
- This rule ignores:
-
- - CSS2 pseudo-elements i.e. those prefixed with a single colon
- - selectors that use variable interpolation e.g. `::#{$variable} {}`
-
- ## Options
-
- `array|string|regex`: `["array", "of", "unprefixed", "pseudo-elements" or "regex"]|"pseudo-element"|/regex/`
-
- Given:
-
- ```
- ["before", "/^my-/i"]
- ```
-
- The following patterns are considered violations:
-
- <!-- prettier-ignore -->
- ```css
- a::after {}
- ```
-
- <!-- prettier-ignore -->
- ```css
- a::not-my-pseudo-element {}
- ```
-
- The following patterns are _not_ considered violations:
-
- <!-- prettier-ignore -->
- ```css
- a::before {}
- ```
-
- <!-- prettier-ignore -->
- ```css
- a::my-pseudo-element {}
- ```
-
- <!-- prettier-ignore -->
- ```css
- a::MY-OTHER-pseudo-element {}
- ```
|