:where()
The :where() CSS functional pseudo-class takes a selector list as its argument, and matches any element that can be selected by one of the selectors in that list. It is functionally equivalent to the selectors in the list, but doesn't affect the CSS rule specificity.
Status
Baseline Widely Available (since 2023-07-21)
MDN documentation
Specifications
Browser support
- Chrome 88 Released on 2021-01-19
- Chrome Android 88 Released on 2021-01-19
- Edge 88 Released on 2021-01-21
- Firefox 82 Released on 2020-10-20
- Firefox for Android 82 Released on 2020-10-20
- Safari 14 Released on 2020-09-16
- Safari on iOS 14 Released on 2020-09-16
Surveys
- State of CSS 2025 > usage > gamechanger feature
- State of CSS 2025 > usage > favorite new features
- State of CSS 2025 > usage > css missing features
- State of CSS 2025 > usage > css interoperability features
- State of CSS 2025 > usage > css general pain points
- State of CSS 2025 > typography > typography pain points
- State of CSS 2025 > shapes graphics > shapes graphics pain points
- State of CSS 2025 > other features > other features pain points
- State of CSS 2025 > math features > math features pain points
- State of CSS 2025 > layout > layout pain points
- State of CSS 2025 > interactions > interactions pain points
- State of CSS 2025 > features > all features
- State of CSS 2025 > colors > colors pain points
- State of CSS 2024 > usage > favorite new features
- State of CSS 2024 > features > all features
Usage (according to Chrome Platform Status)
~29.072% of page loads. More data at chromestatus.com.View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist