title: Why does a class property not override the Universal Property?
body: <pre class="lang-css prettyprint-override"><code>* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: 'Berlin Sans FB';
  }
  </code></pre>
  <p>I have put the above one at the top of my CSS and</p>
  <pre class="lang-css prettyprint-override"><code>.table-dark {
      font-family: 'Times New Roman', Times, serif !important;
  }
  </code></pre>
  <p>this above one at the end.</p>
  <p>I am using <a href="https://en.wikipedia.org/wiki/Bootstrap_%28front-end_framework%29" rel="nofollow noreferrer">Bootstrap</a>.</p>
  <p>Over here, only the <code>font-family: 'Berlin Sans FB';</code> is being used by the browser, but not the last one, i.e., <code>font-family: 'Times New Roman', Times, serif !important;</code></p>
  <p>I want to use the last one. Now, what should I do?</p>