title: How to disable a CSS rule
body: <p>I am using a Wordpress carousel plugin which sets a CSS rule</p>
  
  <pre><code>body * {
    line-height:1.2em;
  }
  </code></pre>
  
  <p>This is causing trouble in my layout. The line height in my CSS for <code>body</code> is</p>
  
  <pre><code>body{ line-height: 19px;}
  </code></pre>
  
  <p>So I override <code>body *</code> as <code>{line-height:19px}</code> but it still breaks some of the layout. When I remove that rule using Firebug, everything works fine.</p>
  
  <p>Now the problem here is, I dont want to edit the plugin CSS file, as every time I update it, I will have to do it.</p>
  
  <p>Is there a way I can nullify the effect of <code>body *</code>?</p>
  
  <p>This declaration is taking precedence over all other <code>line-height</code> properties.</p>
  
  <p>Here is the <a href="http://everesttravel.com.au/wp/" rel="noreferrer">link</a>. The CSS file loaded by a carousel plugin is breaking the navigation.</p>