title: Apply a CSS rule to only one HTML table?
body: <p>I have 2 tables on a single html page. </p>
  
  <p>I would like to remove the border on just one of them. </p>
  
  <p>The css I have currently is... </p>
  
  <pre><code>.table th, .table td {
       border-top: none !important;
   }
  </code></pre>
  
  <p>this is also linked with the table (I have bootstrap on it also, I think the table class is also linked with that?)</p>
  
  <pre><code>&lt;table class="table"&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;th&gt;1&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;1&lt;/td&gt;
      &lt;/tr&gt; etc.....
  </code></pre>
  
  <p>So in the CSS I just want to make a rule that applies no border to only one of the 2 tables on my page. However I can't figure out how to to do it because the are using the same table class, and not sure if I need more than one rule? I've tried using parent selectors and ID selectors but could be calling them wrong. Thanks everyone! </p>