noUnknownPseudoElement (CSS)
Language CSS
Summary
Section titled “Summary”- Rule available since:
v1.8.0 - Diagnostic Category:
lint/correctness/noUnknownPseudoElement - This rule is recommended, meaning it is enabled by default.
- This rule doesn’t have a fix.
- The default severity of this rule is error.
- Sources:
How to configure
Section titled “How to configure”{ "linter": { "rules": { "correctness": { "noUnknownPseudoElement": "error" } } }}Description
Section titled “Description”Disallow unrecognized pseudo-element selectors.
A pseudo-element selects a specific part of an element, such as ::before or ::selection.
Vendor-prefixed pseudo-elements are allowed. See
MDN’s pseudo-element reference.
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 {}Options
Section titled “Options”ignore
Section titled “ignore”Lists additional pseudo-element names to allow, without regard to letter case. Defaults to an empty list.
{ "linter": { "rules": { "correctness": { "noUnknownPseudoElement": { "level": "on", "options": { "ignore": [ "custom-pseudo-element" ] } } } } }}::custom-pseudo-element {}Related links
Section titled “Related links”Sponsored by
Copyright (c) 2023-present Biome Developers and Contributors.