title: Removing table style with css class
body: <p>I want a class that will remove all style on a table, but I can't get it working:</p>
  
  <p>This is what I have tried so far:</p>
  
  <pre><code>&lt;html&gt;
     &lt;head&gt;
        &lt;link type="text/css" rel="stylesheet" href="../../css/css1.css" media="all" /&gt;
        &lt;link type="text/css" rel="stylesheet" href="../../css/css2.css" media="all" /&gt;
        &lt;link type="text/css" rel="stylesheet" href="../../css/css3.css" media="all" /&gt;
        &lt;link type="text/css" rel="stylesheet" href="../../css/css4.css" media="all" /&gt;
        &lt;link type="text/css" rel="stylesheet" href="../../css/css5.css" media="print" /&gt;
  
       &lt;style&gt;
          .nostyle table, caption, tbody, tfoot, thead, tr, th, td {
            margin: 0;
            padding: 0;
            border: 0;
            outline: 0;
            font-size: 100%;
            vertical-align: baseline;
            background: transparent;
          }
       &lt;/style&gt;
  
     &lt;/head&gt;
  
     &lt;body&gt;
       &lt;div class="nostyle"&gt;
          &lt;table&gt;
              &lt;!-- more table properties --&gt;
          &lt;/table&gt;
       &lt;/div&gt;
     &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I can't figure out why this doesn't work :/</p>
  
  <p>I got the code from: <a href="https://stackoverflow.com/questions/968895/how-to-remove-all-inherited-css-formatting-for-a-table">How to remove all inherited CSS formatting for a table?</a></p>