September 11th, 2023 × #css#frontend#webdev
CSS Nesting is Here!
Wes and Scott discuss the new CSS nesting syntax that is now supported across all major browsers. They cover how it works, best practices, use cases compared to Sass, browser support via transpiling, and more.
Wes Bos Host
Scott Tolinski Host
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
