Getting started with CSS nesting

Nesting has landed in native CSS, and with Firefox gaining support for it, it is now supported in all the major browsers! So let’s take a look at what nesting is, some of the gotcha’s with it, a little bit of how it differs from Sass nesting, and more. 🔗 Links ✅ Browser support: ✅ The official spec: ✅ More info on it from Chrome Developers blog: ⌚ Timestamps 00:00 - Introduction 01:20 - What is Nesting? 01:50 - Descendant selectors and nesting multiple levels deep 03:53 - The ampersand / nesting selector 06:02 - When do we need to use &? 09:00 - What we can’t use & for 11:20 - Creating compound selectors 13:34 - using & for hover and focus 15:13 - using & with not 16:15 - Using ... #KevinPowell #Kevin_Powell #css #front-end #frontend #html #web_development #css_nesting #nesting #nesting_without_sass 20230718 YnWPeA6l5UE