CSS: Understanding the Cascade

CSS is short for Cascading Style Sheets. But what exactly is that Cascade and how does it work? What are those Origins you might have heard of? How do you calculate Specificity? And where do those new Cascade Layers fit in? And oh, what exactly happens when you use !important somewhere?

Last week I was a guest speaker at CSS Café, and dug into all that at with a brand new talk CSS: Understanding the Cascade.

~

Video

You can find a recording of the talk embedded below:

~

Video Notes

Note that this was the first rendition of this talk. I’ve already reshuffled some slides and added a few extra ones to dig more into detail (especially on the why of layers).

It also took me some time to really get into it, as I was still recovering from COVID which I contracted just 10 days before. But all-in-all it’s not too shabby if I say so myself 😊

I hereby want to thank Nils and Schepp for having me as a guest at CSS Café, again. Thanks to all who attended, it was quite a nice turnout.

~

Slides

I’m still in the process of reorganizing my slides. Expect them soon(ish).

~

💁‍♂️ If you are a conference or meetup organiser, don't hesitate to contact me to come speak at your event.

~

🔥 Like what you see? Want to stay in the loop? Here's how:

Published by Bramus!

Bramus is a frontend web developer from Belgium. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Leave a comment

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.