:is() CSS 疑似クラス

- WD

:is() (以前は:matches()、さらに以前は:any())疑似クラスは、外側のセレクター内のその位置にある要素が、セレクターリスト内のいずれかのセレクターと一致するかどうかを確認します。これは、すべての組み合わせを手動で個別のセレクターとして書き出すのを避けることができる便利な構文シュガーです。効果は、Sassや他のほとんどのCSSプリプロセッサでのネストに似ています。

Chrome

  1. 4 - 14: サポート不明
  2. 15 - 64: 部分的にサポート
  3. 65 - 67: デフォルトで無効
  4. 68 - 87: デフォルトで無効
  5. 88 - 123: サポート
  6. 124: サポート
  7. 125 - 127: サポート

Edge

  1. 12 - 18: サポートされていません
  2. 79 - 87: デフォルトで無効
  3. 88 - 123: サポート
  4. 124: サポート

Safari

  1. 3.1 - 4: サポートされていません
  2. 5: サポート不明
  3. 5.1 - 8: 部分的にサポート
  4. 9 - 13.1: 部分的にサポート
  5. 14 - 17.3: サポート
  6. 17.4: サポート
  7. 17.5 - TP: サポート

Firefox

  1. 2 - 3.6: サポートされていません
  2. 4 - 77: 部分的にサポート
  3. 78 - 124: サポート
  4. 125: サポート
  5. 126 - 128: サポート

Opera

  1. 9 - 12.1: サポートされていません
  2. 15 - 51: 部分的にサポート
  3. 52 - 54: デフォルトで無効
  4. 55 - 74: デフォルトで無効
  5. 75 - 108: サポート
  6. 109: サポート

IE

  1. 5.5 - 10: サポートされていません
  2. 11: サポートされていません

Chrome for Android

  1. 124: サポート

Safari on iOS

  1. 3.2 - 6.1: サポート不明
  2. 7 - 8.4: 部分的にサポート
  3. 9 - 13.7: 部分的にサポート
  4. 14 - 17.3: サポート
  5. 17.4: サポート
  6. 17.5: サポート

Samsung Internet

  1. 4 - 14.0: 部分的にサポート
  2. 15.0 - 23: サポート
  3. 24: サポート

Opera Mini

  1. すべて: サポートされていません

Opera Mobile

  1. 10 - 12.1: サポートされていません
  2. 80: サポート

UC Browser for Android

  1. 15.5: サポート

Android Browser

  1. 2.1 - 3: サポート不明
  2. 4 - 4.4.4: 部分的にサポート
  3. 124: サポート

Firefox for Android

  1. 125: サポート

QQ Browser

  1. 14.9: デフォルトで無効

Baidu Browser

  1. 13.52: サポート

KaiOS Browser

  1. 2.5: 部分的にサポート
  2. 3: サポート
リソース
Chromeの:is()サポートバグ
Codepen - 最新テスト
MDN Web Docs - CSS :is()
JS Bin - レガシーテスト
`:matches()`やその他のSelectors Level 4機能の追加に関するWebKitブログ記事