wake-up-neo.com

Wenden Sie den Stil auf die Zellen der ersten Zeile an

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

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 td-Tags der ersten tr-Zeile mit vertical-align versehen. Aber nicht die zweite Reihe.

.category_table td{
    vertical-align:top;
}
htmlcsscss-selectorshtml-table
64
xperator

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

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

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

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

Dies sollte die Arbeit erledigen:

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

Nachfolgend gilt die erste tr der Tabelle unter thead. 

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

Und das funktioniert für das erste tr von thead und tbody:

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