如何在detailsview数据行中选择第二个td？

我想创建一个新的CSS来塑造我的detailsview。但是我无法在detailviews字段行中找到第二个td。你有任何想法访问第二个TD？如何在detailsview数据行中选择第二个td？

但请想象一下由detailsview生成的belov代码。

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

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

来源

2009-05-23 uzay95

第一个问题是：你需要支持IE6？如果答案是肯定的，那么你不能这样做。如果不是最简单的解决方案可能是：

td + td { ... }

更现代（和更少的支持）是：

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

这前提是你不愿意或不能够把一个类或其它标识符在第二个TD，所以你可以更容易地做到这一点。

来源

2009-05-23 10:38:26 cletus

td + td选择第2,3,4等等。 – holden321 2014-07-05 07:57:33

我建议不要选择恰好是连续第二个的字段。一个更好的方法是将有意义的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>

来源

2009-05-23 10:47:47 flitzwald

无法将类名添加到第二个td。 – uzay95 2009-05-24 13:20:49

如何在detailsview数据行中选择第二个td？

回答

相关问题