:state()
Newly Available (since 2024-05-17)
Expected to be Widely Available on 2026-11-17
The :state() CSS pseudo-class matches custom elements based on their custom state, set through the ElementInternals.states API.
Browser support
- Chrome 125 Released on 2024-05-14
- Chrome Android 125 Released on 2024-05-14
- Edge 125 Released on 2024-05-17
- Firefox 126 Released on 2024-05-14
- Firefox for Android 126 Released on 2024-05-14
- Safari 17.4 Released on 2024-03-05
- Safari on iOS 17.4 Released on 2024-03-05
MDN documentation
Specifications
- HTML (#custom-state-pseudo-class), from HTML Workstream (WHATWG).
Usage (according to Chrome Platform Status)
~0.151% of page loads. More data at chromestatus.com.Web Platform Tests (WPT)
View the latest WPT test results for this featureView as JSON | Edit this feature | Report an issue | Web-features entry: source, dist