title: How to remove TD borders in only first TR in TABLE
body: <p>I am styling table for my website. I want to have a table where first TR doesn't have border while others TR and their TD's have a border.
  Code: <a href="http://jsfiddle.net/azq6xfnr/" rel="nofollow noreferrer">http://jsfiddle.net/azq6xfnr/</a> or here:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.table2 {
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
  }
  
  .table2 .header {
    background-color: #d8ff93;
    color: #126f06;
    border: 0;
  }
  
  .table2 td {
    border: 1px solid #53f673;
    padding: 10px;
  }
  
  .table2 tr:not(.header):nth-child(odd) {
    background-color: #3cde53;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table class="table2"&gt;
    &lt;tr class="header"&gt;
      &lt;td&gt;Lp.&lt;/td&gt;
      &lt;td&gt;Column 1&lt;/td&gt;
      &lt;td&gt;Column 2&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;1&lt;/td&gt;
      &lt;td&gt;Row 1&lt;/td&gt;
      &lt;td&gt;Row 1&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;2&lt;/td&gt;
      &lt;td&gt;Row 2&lt;/td&gt;
      &lt;td&gt;Row 2&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;3&lt;/td&gt;
      &lt;td&gt;Row 3&lt;/td&gt;
      &lt;td&gt;Row 3&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;4&lt;/td&gt;
      &lt;td&gt;Row 4&lt;/td&gt;
      &lt;td&gt;Row 4&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;5&lt;/td&gt;
      &lt;td&gt;Row 5&lt;/td&gt;
      &lt;td&gt;Row 5&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>