asp.net - css 在表 asp.net datagrid 中指定第一个 tr

Question

我是 CSS 的新手，我正在尝试在 IE10 上完成以下操作:

我有带有 css 类“maintbl”的 asp 数据网格

<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 类的表元素(然后从那里寻找子元素)。