:where()
The :where() pseudo-class matches any selector in its list but always contributes zero specificity.
Syntax
:where(s1, s2) { }Examples
:where(.reset ul, .reset ol) {
margin: 0;
padding: 0;
list-style: none;
}
Output
Resets list styles while staying trivially easy to override because the rule has zero specificity.
Notes
Identical to :is() except its specificity is always 0,0,0, making it perfect for low-priority defaults, resets, and CSS library base styles that authors can override with a single class.
Browser & runtime support
| Environment | Since version |
|---|---|
| chrome | 88 |
| firefox | 78 |
| safari | 14 |
| edge | 88 |