title: Override and reset CSS style: auto or none don't work
body: <p>I would like to override following CSS styling defined for all tables:    </p>
  
  <pre><code>table {
          font-size: 12px;
          width: 100%;
          min-width: 400px;
          display:inline-table;
      }
  </code></pre>
  
  <p>I have specific table with class called <code>'other'</code>.<br>
  Finally table decoration should looks like:</p>
  
  <pre><code>table.other {
      font-size: 12px;
  }
  </code></pre>
  
  <p>so i need remove 3 properties: <code>width</code>,<code>min-width</code> and <code>display</code></p>
  
  <p>I tried to reset with <code>none</code> or <code>auto</code>, but didn't help, I mean these cases:</p>
  
  <pre><code>table.other {
      width: auto;
      min-width: auto;
      display:auto;
  }
  table.other {
      width: none;
      min-width: none;
      display:none;
  }
  </code></pre>