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

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

css

Css 如何在detailsview数据行中选择第二个td？,css,detailsview,Css,Detailsview,我正在尝试创建一个新的css来塑造我的细节视图。但我无法访问第二个td详细视图字段行。你有没有办法进入第二个td 但请想象一下下面由detailsview生成的代码 <table> <thead> ... </thead> <tbody> <tr> <td>Name</td> <td><input type='text' id='txtName' /&g

我正在尝试创建一个新的css来塑造我的细节视图。但我无法访问第二个td详细视图字段行。你有没有办法进入第二个td

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

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

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


...
名称

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

td + td { ... }

更为现代（且支持较少）的是：

这假定您不愿意或不能将类或其他标识符放在第二个td上，这样您就可以更轻松地进行操作。

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


形式价值{
背景色：红色；
}
标签：
...

无法将类名添加到第二个td。td+td选择第二个、第三个、第四个，依此类推。

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