title: Change or completely overload component styles in Angular 4
body: <p>In Angluar 4 application I have a component with this metadata:</p>
  
  <p><code>styleUrls: ['comoponent-name.css'],</code></p>
  
  <p>Is there a way to tell Angular to ignore all CSS rules in this style and apply new rules from some other file (or string)? </p>
  
  <ul>
  <li>dynamically (let's say upon a button click event)</li>
  <li>upon app build (based on some condition, ex. <code>this.variable = 'stylename'</code>)</li>
  </ul>