Come nascondere il terzo elemento td?

Question

Ho la seguente tabella:

<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> 

ho bisogno di nascondere terzo elemento td usando i CSS.

Come risultato ho bisogno di qualcosa come il seguente codice HTML:

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

Come posso nascondere il terzo td in ogni riga?

Nell'elemento tag non aggiungere classe o ID, è necessario nascondersi utilizzando solo CSS.

Answer 1

Prova questo:

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

Scegli questa fiddle

Answer 2

Non si può indirizzare il terzo elemento con i CSS, se non si dispone di un ID o di una Classe di indirizzare in modo specifico.

È possibile utilizzare jQuery per eseguire questa operazione.

Le risposte fornite da altri utenti (utilizzando n. Figlio) non hanno rivelato il fatto che il codice non è compatibile con browser incrociati. IE < 9 non può vedere il selettore.

Answer 3

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