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類的表元素（然後從那裏尋找子元素）。