Google Chrome 99が先日リリースし新機能を各種搭載しましたが、CSSカスケードレイヤーにもついに対応しました。
CSSの優先順位をレイヤーごとに設定できる「カスケードレイヤー」
New in Chrome 99 – Chrome Developers
CSSカスケードレイヤーはCSSスタイル適用の優先順位をルールとしてまとめることができるCSSの新機能です。
それぞれのスタイルをレイヤー内に記述することで、もし表示処理で競合が発生した場合でもレイヤーの優先順位に従って処理することが可能となります。
CSSカスケードレイヤーに対応しているブラウザ
今回Chrome 99でサポートされましたが、Firefox 97でもサポート済み、Safariは次期バージョンでサポートされる予定となっています。
