Syntax - Tasty Web Development Treats

CSS Nesting is Here!

Share this episode
Anyone with this link can open it.
Share Link
Start at 0:00

This episode isn’t summarized yet

Create a free account and summarize it. In a few minutes you’ll have the key takeaways and a section-by-section summary.

Show notes

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

Couldn't load the audio. A blocker may be stopping the show's tracking links. Open the file