Как выбрать второй td в detailview datarow?

Я пытаюсь создать новый css для формирования моего детального просмотра. Но я не мог дотянуться до второго td в строках полей detailsviews. у вас есть идея получить доступ к 2-му тд?

Но, пожалуйста, представьте себе код belov, сгенерированный представлением деталей.

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

<tbody>
    <tr>
        <td>Name</td>
        <td><input type='text' id='txtName' /></td>
    </tr>
</tbody>
</table>

Ответы

Ответ 1

Первый вопрос: вам нужно поддерживать IE6? Если ответ "да", вы не можете этого сделать. Если не самое простое решение, вероятно:

td + td { ... }

Еще более современная (и менее поддерживаемая):

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

Это предполагает, что вы не хотите или не можете помещать класс или другой идентификатор во второй td, чтобы вы могли сделать это гораздо легче.

Ответ 2

Я бы рекомендовал не выбирать поле, которое будет вторым в строке. Лучшим подходом было бы назначить осмысленные классы css для полей и выделить их:

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