CSS: Understanding the Cascade

In this talk, we dig into how the CSS Cascade actually works. Origins, !important, Layers, Specificity, … it’s all covered.


This content originally appeared on Bram.us and was authored by Bramus!

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:

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 😊

~

Slides

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

~

In Closing

I 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.

💁‍♂️ 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:


This content originally appeared on Bram.us and was authored by Bramus!


Print Share Comment Cite Upload Translate Updates
APA

Bramus! | Sciencx (2022-02-05T19:35:15+00:00) CSS: Understanding the Cascade. Retrieved from https://www.scien.cx/2022/02/05/css-understanding-the-cascade/

MLA
" » CSS: Understanding the Cascade." Bramus! | Sciencx - Saturday February 5, 2022, https://www.scien.cx/2022/02/05/css-understanding-the-cascade/
HARVARD
Bramus! | Sciencx Saturday February 5, 2022 » CSS: Understanding the Cascade., viewed ,<https://www.scien.cx/2022/02/05/css-understanding-the-cascade/>
VANCOUVER
Bramus! | Sciencx - » CSS: Understanding the Cascade. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/02/05/css-understanding-the-cascade/
CHICAGO
" » CSS: Understanding the Cascade." Bramus! | Sciencx - Accessed . https://www.scien.cx/2022/02/05/css-understanding-the-cascade/
IEEE
" » CSS: Understanding the Cascade." Bramus! | Sciencx [Online]. Available: https://www.scien.cx/2022/02/05/css-understanding-the-cascade/. [Accessed: ]
rf:citation
» CSS: Understanding the Cascade | Bramus! | Sciencx | https://www.scien.cx/2022/02/05/css-understanding-the-cascade/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts