title: Remove border and css from last column of the table
body: <p>I want to remove <code>border</code> and <code>css</code> from last column of the <code>HTML</code> table and display as if that last column is not part of the <code>table</code> only and table has ended in second last column.</p>
  
  <p><strong>Actual requirement : To display error image wherever there is error in the row.</strong></p>
  
  <p>Please find my below code i have been trying:</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>table {
      font-family: arial, sans-serif;
      border-collapse: collapse;
      width: 100%;
  }
  td, th {
      border: 1px solid #dddddd;
      text-align: left;
      padding: 8px;
  }
  tr:nth-child(even) {
      background-color: #dddddd;
  }
  #myTable tbody &gt; tr:last-child &gt; td {
    border: 0;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table id="myTable"&gt;
    &lt;tr&gt;
      &lt;th&gt;Company&lt;/th&gt;
      &lt;th&gt;Contact&lt;/th&gt;
      &lt;th&gt;Country&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;abc&lt;/td&gt;
      &lt;td&gt;ffff&lt;/td&gt;
      &lt;td&gt;Germany&lt;/td&gt;
       &lt;td&gt;&lt;img src="smiley.gif" alt="Smiley face" width="42" height="42"&gt;&lt;/img&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;abac&lt;/td&gt;
      &lt;td&gt;dddd&lt;/td&gt;
      &lt;td&gt;Mexico&lt;/td&gt;
       &lt;td&gt;&lt;img src="smiley.gif" alt="Smiley face" width="42" height="42"&gt;&lt;/img&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;abcd&lt;/td&gt;
      &lt;td&gt;fdfd&lt;/td&gt;
      &lt;td&gt;Austria&lt;/td&gt;
       &lt;td&gt;&lt;img src="smiley.gif" alt="Smiley face" width="42" height="42"&gt;&lt;/img&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;abcde&lt;/td&gt;
      &lt;td&gt;dddd&lt;/td&gt;
      &lt;td&gt;UK&lt;/td&gt;
       &lt;td&gt;&lt;img src="smiley.gif" alt="Smiley face" width="42" height="42"&gt;&lt;/img&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;dert&lt;/td&gt;
      &lt;td&gt;bbbb&lt;/td&gt;
      &lt;td&gt;Canada&lt;/td&gt;
       &lt;td&gt;&lt;img src="smiley.gif" alt="Smiley face" width="42" height="42"&gt;&lt;/img&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;asd&lt;/td&gt;
      &lt;td&gt;Giovanni Rovelli&lt;/td&gt;
      &lt;td&gt;Italy&lt;/td&gt;
       &lt;td&gt;&lt;img src="smiley.gif" alt="Smiley face" width="42" height="42"&gt;&lt;/img&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>