Nesting styles are one of the core features of CSS preprocessors. While the concept is simple, there are a few things to be aware of. In this video, we’ll go over the basics of nesting and how to incorporate combining classes as well as pseudo-classes. We’ll do all of this while sprinkling in some best practices along the way.
The tutorial explains how to set styles for separate colored boxes and associated hover states. You will learn to nest multiple boxes, change the styles of each element (including size, labeling and margins). An understanding of basic coding principles is needed to complete this tutorial.
Estimated time: 5 minutes