css のネストに対応のブラウザ 2023-09-03 (日) 11:15:22+09:00

メモ

各ブラウザへの対応状況は、こんな感じか?

css が書きやすくなるね。


ブラウザ名

css nesting

対応バージョン

レンダリングエンジン

備 考

chrome

112

Blink

Blinkの本家

edge

112

Blink

Blink使用

firefox

117

Gecko

Geckoの本家

safari

16.5

Webkit

本家が Apple なので、今も Webkit らしい。

Opera

?

Blink?

レンダリングエンジンの情報が見当たらないが、Blinkになっているような・・・。

独自エンジンの Presto は、だいぶん前にやめたみたいです。

Vivaldi

?

Blink?

レンダリングエンジンの情報が見当たらないが、Blinkになっているような・・・。


参考ページ:

「Webブラウザ、レンダリングエンジン、JavaScriptエンジンを整理して図視化してみた」

「CSSのネストがついにブラウザで使用できるようになった! 基礎知識、便利な使い方を詳しく解説」

「Sassなしで入れ子が可能に。CSSネストが全ブラウザ対応」