Web platform features explorer - :has()

Web platform features explorer

The :has() CSS functional pseudo-class matches an element if any of the selectors passed as parameters would match at least one element.

Status

Baseline Newly Available (since 2023-12-19)

This feature is expected to reach Baseline Widely Available status on: 2026-06-19

MDN documentation

:has()

Specifications

Selectors Level 4 (#relational), from Cascading Style Sheets (CSS) Working Group (W3C).

Browser support (view on caniuse.com)

Chrome 105 Released on 2022-09-02
Chrome Android 105 Released on 2022-09-02
Edge 105 Released on 2022-09-01
Firefox 121 Released on 2023-12-19
Firefox for Android 121 Released on 2023-12-19
Safari 15.4 Released on 2022-03-14
Safari on iOS 15.4 Released on 2022-03-14

Surveys

Usage (according to Chrome Platform Status)

~45.763% of page loads. More data at chromestatus.com.

Interop

Included in Interop 2023

Web Platform Tests (WPT)

View the latest WPT test results for this feature

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist