2009-05-23 6 views
24

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

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

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

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

ответ

49

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

td + td { ... } 

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

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

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

+1

td + td выбирает 2-й, 3-й, 4-й и так далее. – holden321

4

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

Невозможно добавить имя класса во второй td. – uzay95

Смежные вопросы