title: How to override default table style when the table is inside a class?
body: <p>I have two different style definitions for tables:</p>
  
  <pre><code>table {
  border: solid 1px #E8EEF4;
  border-collapse: collapse;
  }
  </code></pre>
  
  <p>Because my specific table is inside a <code>&lt;div class="checkboxquestion&gt;</code> i have a special style definition for tables inside this class:</p>
  
  <pre><code>.checkboxquestion table
  {
      border: none;
      text-align: center;
  }
  </code></pre>
  
  <p>The problem is, that <code>border: none;</code> is overriden by <code>border-collapse: collapse;</code> - and every other styling option is overriden by the "default" definition.</p>
  
  <p>How do i solve this?</p>