title: How to remove and override CSS attribute from parent class?
body: <p>I have a file bootstrap.min.css which has the following class</p>
  
  <pre><code>.nav-tabs {
      border-bottom: 1px solid #ddd;
      font-size:14px;
  }
  </code></pre>
  
  <p>I created a new css nav-tabs.css which has </p>
  
  <pre><code>.nav-tabs {
      font-size:18px!important;
  }
  </code></pre>
  
  <p>How do I remove the font-size from parent if the requirements change in the future?</p>