代码之家 › 专栏 › 技术社区 › uzay95

如何在DetailsView数据行中选择第二个TD?

detailsview css

uzay95 · 技术社区 · 15 年前

我正在尝试创建一个新的CSS来塑造我的详细视图。但在详细信息视图字段行中,我找不到第二个TD。你知道进入第二个TD吗?

但是请想象一下由detailsview生成的belov代码。

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

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

2 回复 | 直到 15 年前

cletus 15 年前

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

td + td { ... }

更现代的(支持较少的)是:

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

这前提是,您不愿意或不能够在第二个TD上放置类或其他标识符,这样您就可以更轻松地进行操作。

flitzwald 15 年前

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

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前