:is() CSS pseudo-class External Link

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2023.

The :is() (formerly :matches(), formerly :any()) pseudo-class checks whether the element at its position in the outer selector matches any of the selectors in its selector list. It's useful syntactic sugar that allows you to avoid writing out all the combinations manually as separate selectors. The effect is similar to nesting in Sass and most other CSS preprocessors.

IE

Edge

Firefox

Chrome

Safari

Safari iOS

Opera Mini

Chrome Android

Android Browser

Samsung Internet

4 0%
4-14 0%
5 0%
3.2-6.1 0.01%
12-18 0%
2-3.6 0%
15-64 0.15%
5.1-8 0%
7.0-8.4 0%
79-87 0%
4-77 0.11%
65-87 0.25%
9-13.1 0.02%
9.0-13.7 0.33%
2.1-3 0%
4-14.0 0%
5.5-10 0.09%
88-142 4.61%
78-145 1.81%
88-142 29.05%
14-26.1 1.35%
14.0-26.1 11.42%
4-4.4.4 0%
15.0-28 0.41%
11 0.33%
143 0.01%
146 0%
143 0.04%
26.2 0.01%
26.2 0.02%
all 0.04%
143 41.86%
143 0.46%
29 1.51%
147-149 0%
144-146 0.01%
26.3-TP 0%
26.3 0%
Globals: 95.26% + 1.05% = 96.31%
?
Partial support
Prefixed
Behind a browser flags Behind a Flag