Question

我正在尝试创建一个新的css来塑造我的detailview。但我无法达到详细信息视图字段行中的第二个td。你有什么想法访问2nd td吗？

但请想象一下由详情视图生成的belov代码。

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

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

Answer 1

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

td + td { ... }

更现代化（更少支持）是：

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

这预先假定您不愿意或不能在第二个td上放置一个类或其他标识符，这样您就可以更轻松地完成它。

Answer 2

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

如何在detailsview datarow中选择第二个td？

2 个答案: