0

我有下表

 <table class = "new-hire-table">                                    
   <tr>
      <th>First Name</th>
      <td><asp:TextBox ID="txtFName" runat="server" /></td>
      <th>Last Name</th>
      <td><asp:TextBox ID="txtLName" runat="server" /></td>
   </tr>
   <tr>
      <th>Title</th>
      <td><asp:DropDownList ID="ddlTitle" runat="server"></td>

      <th>Position</th>
      <td><asp:DropDownList ID="ddlPosition" runat="server"></td>
   </tr>
 </table>

我想将第一列的大小设置为 50px，将最后一列的大小设置为 200px；该表具有名为new-hire-table 的css 类。只是为了测试 css 规则，我正在尝试应用背景颜色。

.new-hire-table tr th:first-child
{
  background-color: Blue;
}

但它不工作

4

2 回答 2

1

我猜它不起作用，因为你有:firs而不是:first-child在你的 CSS 中。

这是一个工作示例：http: //jsfiddle.net/4UGVe/1/

.new-hire-table tr th:first-child{
   background-color: Blue;
    width: 50px;
}

.new-hire-table tr td:last-child{
   background-color: red;
    width: 200px;
}
于 2013-02-26T16:55:39.933 回答
0

在你的评论中你说：“它只在 FF 和 Chrome 中工作，而不是在 IE 中”（你应该添加到问题中）。

由于发布的确切代码在符合标准的文档中使用时可以在 IE 上运行，因此问题显然是由Quirks Mode引起的，其中许多“新”CSS 属性被忽略。

如果您正在开发一个新页面，请将其添加<!doctype html>为 HTML 文档的第一行并按照标准对页面进行编码。如果这是一个依赖 Quirks Mode 的旧页面，从它切换出去可能会导致不可预知的问题；在这种情况下，请考虑向class相关单元格添加属性并使用类选择器而不是:first-child.

于 2013-02-26T17:23:28.577 回答