title: Applying a stylesheet to only a certain region of an HTML file
body: <p>I'm using bootstrap for a navbar that I like and I use the style.css from bootstrap, but I also want to implement some elements from another framework that has its own style.css. The problem is that the elements appears distorted because the second style rewrites the first.</p>
  
  <p>Is there a way to specify the influence of a style.css?</p>
  
  <p>For example, style_1.css to have influence over:</p>
  
  <pre><code>&lt;header&gt;...&lt;/header&gt;
  </code></pre>
  
  <p>and style_2.css to have influence over:</p>
  
  <pre><code>&lt;main&gt;...&lt;/main&gt; 
  </code></pre>