title: CSS selector overriding
body: <p>I'm trying to merge two CSS files from different vendors. The first one defines</p>
  
  <pre><code>body.mine div {border:1px solid red}
  </code></pre>
  
  <p>The second one</p>
  
  <pre><code>.blue-border {border:1px solid blue}
  </code></pre>
  
  <p>In the generated HTML, you can find</p>
  
  <pre><code>&lt;div class="blue-border"&gt;hello&lt;/div&gt;
  </code></pre>
  
  <p>This looks red, not blue. I can't modify the HTML, nor the first CSS code. My only "hope" is to modify the second CSS. Any hints? Thank you very much!</p>
  
  <p>Example:</p>
  
  <pre><code>&lt;html&gt;
   &lt;head&gt;
     &lt;style&gt;
       body.mine div {border:1px solid red}
       .blue-border {border:1px solid blue}
     &lt;/style&gt;
   &lt;/head&gt;
   &lt;body class="mine"&gt;
     &lt;div&gt;hallo&lt;/div&gt;
     &lt;div class="blue-border"&gt;hello&lt;/div&gt; &lt;- looks red, not blue as I want
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>