title: Override inline CSS from CSS file without !important
body: <p>I have an angular component, that generates inline <code>style</code> attributes in the resulting HTML.</p>
  
  <p>Example :</p>
  
  <pre><code>&lt;my-component&gt;&lt;/my-component&gt;
  </code></pre>
  
  <p>The HTML of that component is:</p>
  
  <pre><code>&lt;div id="my_component" class="class_1" style="width: 40px; height: 40px;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Is there a way to override the width/height of <code>my_component</code> from external CSS file? I tried many selectors, I'm always getting overridden by the inline style...</p>
  
  <p>&#33;important is working, but I would like to know if there is another way than use !important.</p>