Wenden Sie Stil auf Zellen der ersten Zeile an

Es sollte sehr einfach sein, aber ich kann es nicht herausfinden.

Ich habe einen Tisch wie diesen:

<table class="category_table">
 <tr><td> blabla 1</td><td> blabla 2 </td></tr>
 <tr><td> blabla 3 </td><td> blabla 4 </td></tr>
</table>

Ich möchte tdTags der ersten trZeile haben lassen vertical-align. Aber nicht die zweite Reihe.

.category_table td{
    vertical-align:top;
}

Verwenden Sie tr:first-child, um die erste zu nehmen tr:

.category_table tr:first-child td {
    vertical-align: top;
}

Wenn Sie verschachtelte Tabellen haben und keine Stile auf die inneren Zeilen anwenden möchten, fügen Sie einige untergeordnete Selektoren hinzu, damit nur die tds der obersten Ebene in der ersten obersten Ebene trdie Stile erhalten:

.category_table > tbody > tr:first-child > td {
    vertical-align: top;
}

Dies sollte die Arbeit erledigen:

.category_table tr:first-child td {
    vertical-align: top;
}

Unten funktioniert für den ersten trTeil der Tabelle unterthead

table thead tr:first-child {
   background: #f2f2f2;
}

Und das funktioniert für die erste trvon theadund tbodybeide:

table thead tbody tr:first-child {
   background: #f2f2f2;
}