Google Chrome 99がリリースし、CSSカスケードレイヤーに対応

Google Chrome 99がリリースし、CSSカスケードレイヤーに対応

Google Chrome 99が先日リリースし新機能を各種搭載しましたが、CSSカスケードレイヤーにもついに対応しました。

CSSの優先順位をレイヤーごとに設定できる「カスケードレイヤー」

New in Chrome 99 – Chrome Developers

CSSカスケードレイヤーはCSSスタイル適用の優先順位をルールとしてまとめることができるCSSの新機能です。

CSSカスケードレイヤー

それぞれのスタイルをレイヤー内に記述することで、もし表示処理で競合が発生した場合でもレイヤーの優先順位に従って処理することが可能となります。

CSSカスケードレイヤーに対応しているブラウザ

CSSカスケードレイヤーに対応しているブラウザ
“Cascade Layers” | Can I use… Support tables for HTML5, CSS3, etc

今回Chrome 99でサポートされましたが、Firefox 97でもサポート済み、Safariは次期バージョンでサポートされる予定となっています。