SASS is an amazing CSS preprocessor that allows you to rapidly code websites using nested rules and variables and a lot more.

However, one thing the basic SASS instructions won’t tell you about is how to handle pseudo selectors when you’re nesting your rules. I’m talking about :hover, :before, :after and :visited states. Do you create a whole new CSS rule for a pseudo selector, or is there a way to nest them?

Continue reading