CSS ネスティング

- WD (ワーキングドラフト)

CSS ネスティングは、あるスタイルルールを別のスタイルルールの中にネストする機能を提供します。子ルールのセレクターは親ルールのセレクターを基準とします。以前は同様の動作をするには CSS プリプロセッサが必要でした。

Chrome

  1. 4 - 108: サポートされていません
  2. 109 - 111: デフォルトで無効
  3. 112 - 119: 部分的にサポート
  4. 120 - 123: サポートされています
  5. 124: サポートされています
  6. 125 - 127: サポートされています

Edge

  1. 12 - 108: サポートされていません
  2. 109 - 111: デフォルトで無効
  3. 112 - 119: 部分的にサポート
  4. 120 - 123: サポートされています
  5. 124: サポートされています

Safari

  1. 3.1 - 16.4: サポートされていません
  2. 16.5 - 17.1: 部分的にサポート
  3. 17.2 - 17.3: サポートされています
  4. 17.4: サポートされています
  5. 17.5 - TP: サポートされています

Firefox

  1. 2 - 114: サポートされていません
  2. 115 - 116: デフォルトで無効
  3. 117 - 124: サポートされています
  4. 125: サポートされています
  5. 126 - 128: サポートされています

Opera

  1. 9 - 94: サポートされていません
  2. 95 - 97: デフォルトで無効
  3. 98 - 105: 部分的にサポート
  4. 106 - 108: サポートされています
  5. 109: サポートされています

IE

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

Chrome for Android

  1. 124: サポートされています

iOS版 Safari

  1. 3.2 - 16.4: サポートされていません
  2. 16.5 - 17.1: 部分的にサポート
  3. 17.2 - 17.3: サポートされています
  4. 17.4: サポートされています
  5. 17.5: サポートされています

Samsung Internet

  1. 4 - 22: サポートされていません
  2. 23: 部分的にサポート
  3. 24: 部分的にサポート

Opera Mini

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

Opera Mobile

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

Android版 UC Browser

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

Android ブラウザ

  1. 2.1 - 4.4.4: サポートされていません
  2. 124: サポートされています

Android版 Firefox

  1. 125: サポートされています

QQ Browser

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

Baidu Browser

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

KaiOS Browser

  1. 2.5: サポートされていません
  2. 3: サポートされていません
リソース
Chrome サポートに関するバグ
Safari サポートに関するバグ
Firefox サポートに関するバグ
ブログ記事: CSS ネスティング、特異性、そしてあなた