このシリーズでは、CSS の重要な概念であるカスケード(Cascade)の基礎を改めて学び直し、その応用としてカスケードレイヤー(`@layer`)について説明していきます。今回はカスケードレイヤーの仕組みや `revert-layer` キーワードの使い方について詳しく見ていきます。| griponminds.jp
このシリーズでは、CSS の重要な概念であるカスケード(Cascade)の基礎を改めて学び直し、その応用としてカスケードレイヤー(`@layer`)について説明していきます。今回はカスケードの仕組みを説明する基礎編です。| griponminds.jp
2023 年は主要ブラウザでの CSS のサポート状況が大幅に向上し、ウェブデザインの可能性が大きく広がりました。この記事では、新たに使用できるようになった CSS の機能を踏まえたうえで、2023 年 12 月時点での個人的な CSS の書き方や方針をまとめます。| griponminds.jp
Slides + Video of a talk covering the CSS Cascade, which I gave at CSS Day 2022.| Bram.us
We all have run into CSS collisions and sudden regressions in our codebases when new styles are written or 3rd-party styles are added. This is because of the interdependence of styles due to source order, specificity, and inheritance. Some ways to control the cascade have included methodologies like ITCSS and BEM and other newer native features. Cascade layers will be the ultimate native solution for resolving conflicts between multiple sources of styles. Cascade layers introduce the new at...| Smashing Magazine
Discover why CSS is a crucial aspect of web deve and why it deserves more recognition. Read my defense of CSS and its importance in creating modern websites.| S.Bistrović
Don't let specificity force you into strict selector conventions. Cascade Layers allow us to manage specificity without resorting to naming hacks or the `!important` flag.| 12daysofweb.dev
This is your complete guide to CSS cascade layers, a CSS feature that allows us to define explicit contained layers of specificity.| CSS-Tricks