Comment sélectionner la deuxième td en detailsview datarow?

Je suis en train de créer une nouvelle css pour la mise en forme de ma detailsview. Mais je ne pouvais pas atteindre à la deuxième td en detailsviews lignes de champ. avez-vous une idée pour accéder à la 2ème td?

Mais imaginez belov code généré par detailsview.

<table>
<thead>
...
</thead>

<tbody>
    <tr>
        <td>Name</td>
        <td><input type='text' id='txtName' /></td>
    </tr>
</tbody>
</table>
InformationsquelleAutor uzay95 | 2009-05-23
  1. 58

    La première question est: avez-vous besoin de soutien IE6? Si la réponse est oui, alors vous ne pouvez pas le faire. Si ce n'est la solution la plus simple est probablement:

    td + td { ... }

    Encore plus moderne (et de moins en moins pris en charge) est:

    td:nth-child(2) { ... }

    Cela suppose que vous n'êtes pas disposés ou pas en mesure de mettre une classe ou d'un autre identificateur sur le deuxième td de sorte que vous pouvez le faire beaucoup plus facilement.

    • td+td sélectionne 2ème, 3ème, 4ème et ainsi de suite.
    InformationsquelleAutor cletus
  2. 5

    Je le recommande à l'encontre de la sélection d'un champ qui se trouve être le deuxième de suite. Une meilleure approche consisterait à attribuer significative classes css pour les champs et la sélection de ceux-ci:

    <head>
  <style type="text/css" media="screen">
    td.form-value {
      background-color:red;
    }
  </style>
</head>
<tr>
  <td class="form-label">
    Label:
  </td>
  <td class="form-value">
    ...
  </td>
</tr>
    • Ne pouvez pas ajouter le nom de la classe de seconde td.
    InformationsquelleAutor flitzwald