CSS Nesting in 5 minutes

Nesting is coming to native CSS! As of August 29th, with Firefox shipping v117, all modern browsers will have support for CSS Nesting. Let's learn CSS Nesting in 5 minutes!

Prefer an article? Read it here: https://creatures.sh/blog/getting-sta...

🔗 Links:
👉 CodePen Example: https://codepen.io/nikolovlazar/pen/p...
👉 Browser support: https://caniuse.com/css-nesting
👉 Learn more: https://developer.chrome.com/articles...

--

🤝 Become a friend of the channel! Start your membership today and get extra benefits:    / @nikolovlazar  
💬 A bunch of us are hanging out at https://discord.creatures.sh/. Join us!
🐦 Find me on the bird app:   / nikolovlazar  
🎥 What I use for coding and making videos: https://nikolovlazar.com/uses

--

00:00 Intro
00:57 Styling the card, header, and h2 with nested selectors
01:37 Styling the content without using the & sign
02:30 Styling the footer and anchor tag with the & sign
03:05 Using the :is selector to target specific child elements
03:36 Using the :not selector and understanding the & symbol
04:23 Summary