Component CSS load after global CSS

#1

Hey!

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.

Thanks!

#2

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

#3

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.
https://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#cascade