Как выбрать второй тд в подробном обзоре datarow? - PullRequest
Новая
       13

Как выбрать второй тд в подробном обзоре datarow?

29 голосов
/ 23 мая 2009

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

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

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

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

Ответы [ 2 ]

58 голосов
/ 23 мая 2009

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

td + td { ... }

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

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

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

5 голосов
/ 23 мая 2009

Я бы рекомендовал не выбирать поле, которое оказывается вторым по счету. Лучшим подходом было бы назначить значимые классы 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>
...