:has() CSS relational pseudo-class External Link

Baseline 2023 Newly available

Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Select elements containing specific content. For example, a:has(img) selects all <a> elements that contain an <img> child.

IE

Edge

Firefox

Chrome

Safari

Safari iOS

Opera Mini

Chrome Android

Android Browser

Samsung Internet

2-102 0.1%
4-100 0.55%
12-104 0.01%
103-120 0.26%
101-104 0.19%
3.1-15.3 0.05%
3.2-15.3 0.41%
4-19.0 0%
5.5-10 0.08%
105-143 4.25%
121-146 1.49%
105-143 26.63%
15.4-26.1 1.28%
15.4-26.1 11.55%
2.1-4.4.4 0%
20-28 0.3%
11 0.36%
144 0%
147 0%
144 0.04%
26.2 0.09%
26.2 0.25%
all 0.04%
144 44.12%
144 0.55%
29 1.63%
148-150 0%
145-147 0.01%
26.3-TP 0%
26.3 0.01%
Globals: 94.25%
Partial support
Behind a browser flags Behind a Flag