CSS указать первый тр в таблице asp.net DataGrid

Question

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

У меня есть жерех 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, затем тр. Теперь он ищет элемент таблицы с классом .maintbl (а затем ищет дочерние элементы оттуда).