如何在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？

回答

相關問題