我正在尝试创建一个新的CSS来塑造我的detailview.但我无法达到详细信息视图字段行中的第二个td.你有什么想法访问第二个td?
但请想象一下由detailsview生成的belov代码.
<table>
<thead>
...
</thead>
<tbody>
<tr>
<td>Name</td>
<td><input type='text' id='txtName' /></td>
</tr>
</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)
cle*_*tus 61
第一个问题是:你需要支持IE6吗?如果答案是肯定的,那么你不能这样做.如果不是最简单的解决方案可能是:
td + td { ... }
Run Code Online (Sandbox Code Playgroud)
更现代化(更少支持)是:
td:nth-child(2) { ... }
Run Code Online (Sandbox Code Playgroud)
这预示着你不愿意或不能在第二个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>
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
39337 次 |
| 最近记录: |