Using Sass nesting for better style specificity

Another advantage of Sass is the ability to nest selectors to increase their styling specificity, as well as make relationships between content styles more manageable. Sass's ability to nest selectors helps enforce selector specificity through a clear visual relationship with its parent selectors. This makes creating style hierarchies in your application much more visually apparent in the stylesheet itself.

Getting ready

Imagine that we have two styles of links, one that is for our general content and another that is, specifically, for our navigation. We really want to be certain that these links are styled the same way, except for their coloring. We could write these as...