I have a selector that was kept overriding by another stylesheet.

Things I did and didn’t work:

1. Check if the selector was correctly nested
2. Move my SCSS file to the end of app.scss to make it with highest importance.

editorial/scss/_post-box.scss code snippet:

@import "common/scss/post-box";

app.scss file:

// Pages
@import "post-box";
@import "common/scss/page/about";
@import "common/scss/page/subscription";

// Postbox
@import "editorial/scss/post-box";

I cannot add ID/extra class to the selector as I was asked to use the same template for different SCSS file.
Any pointers will be much appreciated. Thanks a lot!

Need my selector in editorial/scss/post-box.scss stylesheet to override common/scss/post-box.scss stylesheet.