title: CSS table style calling class
body: <p>I have some tables on my site. </p>
  
  <p>The code in the style.css has default settings
  reads:</p>
  
  <pre><code>table,
  th,
  td {
      border: 1px solid rgba(0, 0, 0, 0.1);
  }
  
  table {
      border-collapse: separate;
      border-spacing: 0;
      border-width: 1px 0 0 1px;
      margin-bottom: 24px;
      width: 100%;
  }
  </code></pre>
  
  <p>I have assigned a class to my table which I don't want to use these settings:</p>
  
  <p></p>
  
  <p>and tried to then implement :</p>
  
  <pre><code>table.checkmarkarray {
  border-width: 0 0 0 0;
  }
  </code></pre>
  
  <p>but it does not override the other value of 
  border-width: 1px 0 0 1px;</p>
  
  <p>how can I override this value? without changing the default value?</p>