CSS Nesting

CSS nesting lets you write a rule inside another rule, so a component's parts, its hover state and its media queries live together in one place instead of scattered through the file.

Updated

Cheat sheet: CSS Nesting
Category
CSS
Level
Journeyman
Tags
CSS, CSS nesting, Nesting selector, Specificity