noUnknownPseudoElement
Summary
Section titled “Summary”- Rule available since:
v1.8.0
- Diagnostic Category:
lint/correctness/noUnknownPseudoElement
- This rule is recommended, which means is enabled by default.
- This rule doesn’t have a fix.
- The default severity of this rule is error.
- Sources:
Description
Section titled “Description”Disallow unknown pseudo-element selectors.
For details on known CSS pseudo-elements, see the MDN web docs.
This rule ignores vendor-prefixed pseudo-element selectors.
Examples
Section titled “Examples”Invalid
Section titled “Invalid”a::pseudo {}
code-block.css:1:4 lint/correctness/noUnknownPseudoElement ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Unexpected unknown pseudo-elements: pseudo
> 1 │ a::pseudo {}
│ ^^^^^^
2 │
ℹ See MDN web docs for more details.
ℹ Use a known pseudo-elements instead, such as:
- after
- backdrop
- before
- etc.
a::PSEUDO {}
code-block.css:1:4 lint/correctness/noUnknownPseudoElement ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Unexpected unknown pseudo-elements: PSEUDO
> 1 │ a::PSEUDO {}
│ ^^^^^^
2 │
ℹ See MDN web docs for more details.
ℹ Use a known pseudo-elements instead, such as:
- after
- backdrop
- before
- etc.
a::element {}
code-block.css:1:4 lint/correctness/noUnknownPseudoElement ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Unexpected unknown pseudo-elements: element
> 1 │ a::element {}
│ ^^^^^^^
2 │
ℹ See MDN web docs for more details.
ℹ Use a known pseudo-elements instead, such as:
- after
- backdrop
- before
- etc.
a:before {}
a::before {}
::selection {}
input::-moz-placeholder {}
How to configure
Section titled “How to configure”{ "linter": { "rules": { "correctness": { "noUnknownPseudoElement": "error" } } }}