CSS: Understanding the Cascade (2022.01.27 @ CSS Café)

To see the latest version of this talk, please refer to this rendition I did at CSS Day in 2022.

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.

~

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. 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 …)

Unless noted otherwise, the contents of this post are licensed under the Creative Commons Attribution 4.0 License and code samples are licensed under the MIT License

Leave a comment

Your email address will not be published. Required fields are marked *

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