I cannot believe it is finally happening. CSS is getting native support for nesting and it is everything I ever could have asked for. In this video I explain how you can start using nesting today as well as all the edge cases you need to be aware of if you start using nesting yourself.


Materials/References:

CSS Specificity Video: https://youtu.be/CHyPGSpIhSs
CSS Specificity Article: https://blog.webdevsimplified.com/2020-02/css-specificity


Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:24 - Setup
01:30 - Nesting Basics
03:52 - Nested Media Queries
04:53 - Nesting Specificity
08:10 - @nest Keyword
09:54 - Nesting Ordering Gotcha


#CSS #WDS #CSSNesting