:is() CSS pseudo-class
- WDThe :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.
Chrome
- ﹖ 4 - 14: Support unknown
- ◐ 15 - 64: Partial support
- ❌ 65 - 67: Disabled by default
- ❌ 68 - 87: Disabled by default
- ✅ 88 - 130: Supported
- ✅ 131: Supported
- ✅ 132 - 134: Supported
Edge
- ❌ 12 - 18: Not supported
- ❌ 79 - 87: Disabled by default
- ✅ 88 - 130: Supported
- ✅ 131: Supported
Safari
- ❌ 3.1 - 4: Not supported
- ﹖ 5: Support unknown
- ◐ 5.1 - 8: Partial support
- ◐ 9 - 13.1: Partial support
- ✅ 14 - 18.0: Supported
- ✅ 18.1: Supported
- ✅ 18.2 - TP: Supported
Firefox
- ❌ 2 - 3.6: Not supported
- ◐ 4 - 77: Partial support
- ✅ 78 - 131: Supported
- ✅ 132: Supported
- ✅ 133 - 135: Supported
Opera
- ❌ 9 - 12.1: Not supported
- ◐ 15 - 51: Partial support
- ❌ 52 - 54: Disabled by default
- ❌ 55 - 74: Disabled by default
- ✅ 75 - 113: Supported
- ✅ 114: Supported
IE
- ❌ 5.5 - 10: Not supported
- ❌ 11: Not supported
Chrome for Android
- ✅ 131: Supported
Safari on iOS
- ﹖ 3.2 - 6.1: Support unknown
- ◐ 7 - 8.4: Partial support
- ◐ 9 - 13.7: Partial support
- ✅ 14 - 18.0: Supported
- ✅ 18.1: Supported
- ✅ 18.2: Supported
Samsung Internet
- ◐ 4 - 14.0: Partial support
- ✅ 15.0 - 25: Supported
- ✅ 26: Supported
Opera Mini
- ❌ all: Not supported
Opera Mobile
- ❌ 10 - 12.1: Not supported
- ✅ 80: Supported
UC Browser for Android
- ✅ 15.5: Supported
Android Browser
- ﹖ 2.1 - 3: Support unknown
- ◐ 4 - 4.4.4: Partial support
- ✅ 131: Supported
Firefox for Android
- ✅ 132: Supported
QQ Browser
- ❌ 14.9: Disabled by default
Baidu Browser
- ✅ 13.52: Supported
KaiOS Browser
- ◐ 2.5: Partial support
- ✅ 3: Supported