javascript - Angular 4 style overriding addons -


while developping angular 4 app using angular-cli + sass, have problem multiple plugins. here scenario:

i have main style.scss file import other styles files ..., if want modify plugin style, let slider component styles, create slider.scss , import main style.scss file, problem imported component css injected browser after main css file. when want modify need add !important rule.

here snapshot of chrome inspect css tool:

element.style {     left: 100%; } <style>…</style> .noui-marker-horizontal.noui-marker-large {     height: 15px; } <style>…</style> .noui-marker-horizontal.noui-marker {     margin-left: -1px;     width: 2px;     height: 5px; }  <style>…</style> .noui-marker-horizontal.noui-marker-large {     height: 10px !important; } 

my custom css last one.


i want know if there way load css style file after components css file, can use precedence rule make work, want know if there more clean way.


Comments

Popular posts from this blog

Ansible warning on jinja2 braces on when -

Parsing a protocol message from Go by Java -

html - How to custom Bootstrap grid height? -