If you are working with SCSS/SASS, you might still wonder how to organize your CSS classes. The pre-SASS conventions like OOCSS seem not to be necessary in SCSS, since SCSS has mixins, placeholders and variables.
But there is one very powerful feature of SCSS, which we want to take advantage of now: inline sub selectors in selectors.
.b-post {
.title {
color: #f00;
&:hover {
color: #fff;
}
}
&.is-new {
background-color: #aaf;
}
}