The CSS Cascade, a deep dive | Bramus Van Damme | CSS Day 2022

CSS is short for Cascading Style Sheets. But what exactly is this Cascade, and how does it work? What are Origins? How do you calculate Specificity? And where do those new Cascade Layers you might have heard of fit in? And oh, what exactly happens when you use an !important somewhere?
In this insightful talk, we’ll take a look under the hood of browsers, and detail how they determine which CSS declarations to apply and which not.
Slides: slidr.io/bramu...
About Bramus: www.bram.us/
Follow Bramus: ‪@bramus‬ or / bramus
More about CSS Day: cssday.nl or / cssdayconf
Receive conference announcements in your inbox: cssday.nl/subs...

[@markovujanic]

This is one of my favorite talks, for very long time I didn't understood how cascade works and after watching this video, I got it. I watched and rewatched this multiple times by now. I even cut it with iMovie so I can rewatch faster :D. Thanks Bramus.

[@sumitsinghrajput7186]

Great! We need more conferences like this.

[@WebConferencesAmsterdam]

Yes!

[@ПетърТодоров-о7ф]

Amazing talk! The topic was explained very well!

[@argyleink]

rocked it!😊

[@MrMonday1000percent]

That was awesome!

[@nikkita7369]

the very very coolest!

[@eggy794]

Isn't the "Element attached styles" step part of the author styles of the first step? Because according to the the given cascade, it would not be possible to override author styles with inline styles, which is not true. I also couldn't find any information that would confirm this. So I assume this is incorrect.

[@hyperpocket.]

As I understand it, this principle is violated for origins.

[@faki0006]

The talk is very high level however my issue with people that do talk, they actually do only talks and are far away from enterprise reality problems. They didn't follow the real path of a developer but they talk about what a developer should do!