CSS Nesting is Here!
Sep 11, 2023•31 min
Listen to this episode in Metacast mobile app
Don't just listen to podcasts. Learn from them with transcripts, summaries, and chapters for every episode. Skim, search, and bookmark insights. Learn more
Episode description
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?
Show Notes 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
Tweet us your tasty treats 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
For the best experience, listen in Metacast app for iOS or Android
Open in Metacast