Understanding CSS Nesting: Challenges and Advantages

In this Hasty Treat, Scott and Wes talk about the arrival of CSS nesting. What is CSS nesting? How does CSS nesting work? And does it work in all browsers?

• 00:24 Welcome
• 02:31 What’s up with CSS nesting?
• "CSS Nesting just landed in Firefox 117 which puts it at 100% browser support! You can start using it today — here are 11 examples on how it works 👇
• 04:10 How does CSS nesting work?
• 09:23 What the ampersand does in nesting
• 21:05 It works with media queries
• 25:29 How does it work on all the browsers?
• 29:32 Lightning CSS
• Lightning CSS

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets
• Wes Bos on Bluesky
• Scott on Bluesky
• Syntax on Bluesky