How to hide third element td?

Question

I have the following table:

<table id="test">
 <tr>
  <td>test</td>
  <td>test</td>
  <td>test</td>
 </tr>
 <tr>
  <td>test</td>
  <td>test</td>
  <td>test</td>
 </tr>
</table>

I need to hide third element td using CSS.

As the result I need something like the following HTML:

<table id="test">
  <tr>
    <td>test</td>
    <td>test</td>
  </tr>
  <tr>
    <td>test</td>
    <td>test</td>
  </tr>
</table>

How can I hide the third td in every row?

In tag element not add class or id - need to hide using only CSS.

Answer 1

Try this:

#test tr td:nth-child(3n+3) {
    display: none;
}

Check this fiddle

Answer 2

#test tr td:nth-child(3) { display:none; }