CSS指定表asp.net DataGrid中第一TR

Question

我是新来的CSS，我试图完成对IE10如下：

我有ASP在DataGrid中的CSS类“maintbl”

<asp:DataGrid CssClass="maintbl" ID="dg" runat="server" AutoGenerateColumns="False"> 
<Columns> 
    <asp:BoundColumn ReadOnly="true" DataField="UpdateOn" DataFormatString="{0:MMMM d, yyyy}" HeaderText="Date Modified" SortExpression="UpdateOn" ></asp:BoundColumn> 
    <asp:BoundColumn DataField="Message" HeaderText="Message" SortExpression="Message"></asp:BoundColumn> 
</Columns> 
</asp:DataGrid> 

的HTML生成类似于此：

<table class="maintbl"> 
<tbody> 
    <tr> 
    <td></td> 
    <td></td> 
    </tr> 
</tbody> 
</table> 

我想特别适用CSS来第一个tr。我已经试过这在CSS文件，但它不工作。

.maintbl table tbody tr:first-child { 
     border: 1px solid white; 
     background-color: #167F92; 
     color: white; 
     padding: 1em; 
     text-align: center; 
} 

请帮我解释我做错了什么。

Answer 1

试着改变你的CSS选择器是像

table.maintbl tbody tr:first-child 

在原来的选择，它是寻找.maintbl元素，然后一个子表元素，那么TBODY，然后TR。现在它正在寻找一个带有.maintbl类的表元素（然后从那里寻找子元素）。