Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Getting Started with CSS Nesting

Kevin Powell via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn the fundamentals and best practices of CSS Nesting in this comprehensive 21-minute tutorial that covers everything from basic syntax to advanced implementation strategies. Discover how to properly structure nested CSS rules while avoiding common pitfalls like over-nesting that can lead to specificity issues. Master the ampersand (&) character and understand how it functions behind the scenes, including potential problems you might encounter when using it incorrectly. Explore why CSS Nesting doesn't work well with BEM methodology and learn about searchability considerations when implementing nested styles. The tutorial concludes with practical use cases and real-world applications, providing you with the knowledge to write cleaner, more maintainable CSS code using this powerful feature.

Syllabus

00:00 - Introduction
00:30 - The basics of nesting
04:45 - Don’t over nest
05:30 - The & character ampersand
08:55 - How & works behind the scenes and a potential problem you could run into
13:45 - It doesn’t work with BEM
16:45 - Searchability isn’t an issue
17:40 - My favorite use case

Taught by

Kevin Powell

Reviews

Start your review of Getting Started with CSS Nesting

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.