:has() CSS 関係擬似クラス

- WD

特定のコンテンツを含む要素を選択します。例えば、a:has(img)<img> 子要素を含むすべての <a> 要素を選択します。

Chrome

  1. 4 - 100:未サポート
  2. 101 - 104:デフォルトで無効
  3. 105 - 123:サポート
  4. 124:サポート
  5. 125 - 127:サポート

Edge

  1. 12 - 104:未サポート
  2. 105 - 123:サポート
  3. 124:サポート

Safari

  1. 3.1 - 15.3:未サポート
  2. 15.4 - 17.3:サポート
  3. 17.4:サポート
  4. 17.5 - TP:サポート

Firefox

  1. 2 - 102:未サポート
  2. 103 - 120:デフォルトで無効
  3. 121 - 124:サポート
  4. 125:サポート
  5. 126 - 128:サポート

Opera

  1. 9 - 90:未サポート
  2. 91 - 108:サポート
  3. 109:サポート

IE

  1. 5.5 - 10:未サポート
  2. 11:未サポート

Chrome for Android

  1. 124:サポート

Safari on iOS

  1. 3.2 - 15.3:未サポート
  2. 15.4 - 17.3:サポート
  3. 17.4:サポート
  4. 17.5:サポート

Samsung Internet

  1. 4 - 19.0:未サポート
  2. 20 - 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 - 4.4.4:未サポート
  2. 124:サポート

Firefox for Android

  1. 125:サポート

QQ Browser

  1. 14.9:未サポート

Baidu Browser

  1. 13.52:未サポート

KaiOS Browser

  1. 2.5:未サポート
  2. 3:未サポート
リソース
実装を追跡するための Chrome のバグ
WebKit のサポートに関するバグ
Firefox のサポートに関するバグ
MDN Web Docs - :has
CSS の親セレクターとして :has() を使用するなど