title: How to hide third element td?
body: <p>I have the following table:</p>
  
  <pre><code>&lt;table id="test"&gt;
   &lt;tr&gt;
    &lt;td&gt;test&lt;/td&gt;
    &lt;td&gt;test&lt;/td&gt;
    &lt;td&gt;test&lt;/td&gt;
   &lt;/tr&gt;
   &lt;tr&gt;
    &lt;td&gt;test&lt;/td&gt;
    &lt;td&gt;test&lt;/td&gt;
    &lt;td&gt;test&lt;/td&gt;
   &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I need to hide third element <code>td</code> using CSS.</p>
  
  <p>As the result I need something like the following HTML:</p>
  
  <pre><code>&lt;table id="test"&gt;
    &lt;tr&gt;
      &lt;td&gt;test&lt;/td&gt;
      &lt;td&gt;test&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;test&lt;/td&gt;
      &lt;td&gt;test&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>How can I hide the third <code>td</code> in every row?</p>
  
  <p>In tag element not add class or id - need to hide using only CSS.</p>