css укажите первую строку в таблице данных asp.net

Question

Я новичок в CSS, и я пытаюсь сделать следующее на IE10:

У меня есть датагрид asp с классом 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 (а затем ищет дочерние элементы оттуда).