Comment cacher le troisième élément td?

J'ai le tableau suivant:

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

J'ai besoin de cacher troisième élément td à l'aide de CSS.

Que le résultat que j'ai besoin de quelque chose comme le code HTML suivant:

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

Comment puis-je cacher la troisième td dans chaque ligne?

Dans l'élément d'étiquette de ne pas ajouter une classe ou id - besoin de se cacher en utilisant uniquement CSS.

source d'informationauteur Alex N

  1. 19

    Essayez ceci:

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

    Cochez cette violon

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

    Vous ne pouvez pas atteindre le troisième élément en css si vous ne disposez pas d'un ID ou une Classe de cibler spécifiquement.

    Vous pouvez utiliser jQuery pour ce faire.

    Les réponses fournies par d'autres utilisateurs (à l'aide de n-ième enfant) n'a pas divulgué le fait que le code n'est pas de la croix-navigateur compatible. IE <9 ne pouvez pas voir le sélecteur.