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

CSS:firsの代わりにあるため、機能していないと思います。:first-child

これが実際の例です: 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で機能するため、問題は明らかに、多くの「新しい」CSSプロパティが無視されるQuirksモードが原因です。

新しいページを開発する場合は<!doctype html>、HTMLドキュメントの最初の行として追加し、標準に従ってページをコーディングします。これがQuirksモードに依存する古いページである場合、このページから切り替えると、予期しない問題が発生する可能性があります。その場合は、関連するセルに属性を追加し、classの代わりにクラスセレクターを使用することを検討して:first-childください。

于 2013-02-26T17:23:28.577 に答える