Component CSS load after global CSS



Is there any way to load the css at components AFTER the css as specified by the @import in app/app.scss ?

The current behaviour complicates the migration from the angular way of styleUrls as it requires refactoring of all the component specific css.

Or is there, as of now, a way to use Angulars styleUrls in components? It’s really odd that this is not possible by default.



“After” isn’t really a concept when it comes to CSS. Specificity is.


I’m sorry to disagree but at levels of same specificity order matters.

Sort by order specified: If two declarations have the same weight, origin and specificity, the latter specified wins. Declarations in imported style sheets are considered to be before any declarations in the style sheet itself.