AI Engineer - Learn how to integrate AI into software applications
Master Finance Tools - 35% Off CFI (Code CFI35)
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