How To Use Nesting In Plain CSS
דרג סרטון זה
התחבר כדי לדרג
תיאור
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