css - 如何在详细 View 数据行中选择第二个 td？

Question

我正在尝试创建一个新的 CSS 来塑造我的细节 View 。但我无法在 detailsviews 字段行中达到第二个 td。你知道访问第二个 td 吗？

但请想象一下 detailsview 生成的 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 上，这样您就可以更轻松地做到这一点。