Skip to main
fragment of an inverted triangle with the cascade --
cascade layers are highlighted below element-attached styles
and above specificity

Cascading Layers of !mportance

Earlier this year, all the major browsers released Cascade Layers, with the potential to fundamentally change how we write styles – especially in an age of design systems, component libraries, and third-party tools. But fundamental changes require us to re-think how all the pieces fit together.

The Cascade is the underlying algorithm that drives our entire language, and the main target of frustration when our styles go bad. But why is it there, how is it changing, and why should we care?

In this deep-dive, we’ll look at the overall cascade, and where Cascade Layers fit. Along the way we’ll need to rethink our CSS conventions, the purpose of !important, and how we build or use third-party libraries. And we’ll take a look at what else is coming over the next few years with @scope and proximity.

Upcoming Workshop

Mia from behind,
standing at a laptop -
speaking to a conference audience
and gesturing to one side

Cascading Style Systems

A workshop on resilient & maintainable CSS

New CSS features are shipping at an unprecedented rate – cascade layers, container queries, the :has() selector, subgrid, nesting, and so much more. It’s a good time to step back and understand how these tools fit together in a declarative system – a resilient cascade of styles.

Register for the October workshop »