November 18, 2015 by Jason Flaherty
Don’t go psycho nesting those SASS selectors
Nesting in SASS is wonderful, but also can become a NIGHTMARE! “Simple pictures are best” as one of my kids books always reminds the subjects. As a super simple idea.. Make sure your top level selectors are set before you zero in on specifics.
.content{
p{
a{color:white;}
}
}
is an easy way to make sure all those links are white, however, making the “a” selector color at the parent level white would be better and simple to maintain.
a{color:white;}
Layout your project with the most generic selectors solidified at a parent level and then only overwrite what is necessary, when it is necessary.
[amazon template=image&asin=0152749586]