Amelia Wattenberger

The CSS Cascade, or how browsers resolve competing CSS styles

https://wattenberger.com/blog/css-cascade

This is a great explanation/illustration of the CSS Cascade! 👍

• Older: Humans can't read URLs. How can we fix it?
• Newer: In defence of graceful degradation and where progressive enhancement comes in

Related contents with similar topics

1. 

   Patrick Brosset

   Alignment in CSS Grid Lanes

   • Nicolas Hoizey
   • 13 October 2026
   • CSS, Grid Lanes

   […] here is the really interesting part, aligning individual items along the stacking axis. At first sight, this might seem surprising. After all,…

2. 

   Jake Archibald

   Controlling when CSS custom property values are computed

   • Nicolas Hoizey
   • 15 September 2026
   • CSS
   • 2 reactions

   When and how CSS custom property values are calculated might not be what you expect, and it has a big impact on your styles.

3. 

   Josh W. Comeau

   Scroll-Driven Animations

   • Nicolas Hoizey
   • 30 April 2026
   • CSS, animations
   • 4 reactions

   The CSSWG deserves a lot of credit, in my opinion, for repurposing/extending CSS keyframe animations for scroll-driven animations. Rather than invent…

4. 

   Francesco Schwarz

   Overview of CSS-only scrolling shadows and content fading techniques

   • Nicolas Hoizey
   • 11 February 2026
   • CSS
   • 5 reactions

   When content overflows and the scrollbar is insufficient or intentionally hidden, visual cues such as scroll shadows or fading effects signal that…

5. 

   Josh Tumath

   Try text scaling support in Chrome Canary

   • Nicolas Hoizey
   • 28 January 2026
   • accessibility, em, rem, CSS
   • 1 reaction

   Just like how the tag tells the browser that your website is designed to work for small viewport sizes, the tells the browser, 'Hey, I've designed…