Zastosuj styl do komórek pierwszego rzędu.

Question

To powinno być bardzo proste, ale nie mogę tego rozgryźć.

Mam tabeli tak:

<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> 

Chcę, aby td etykietki z pierwszego rzędu mają vertical-aligntr. Ale nie w drugim rzędzie.

.category_table td{ 
    vertical-align:top; 
} 

Answer 1

Zastosowanie tr:first-child wziąć pierwszą tr:

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

Jeśli masz zagnieżdżone tabele, a ty nie chcesz zastosować style do wewnętrznych rzędach, dodać kilka selektorów potomnych więc tylko górna -level td s w pierwszym górnym poziomie tr uzyskać style:

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

Answer 2

ten powinien wykonać pracę:

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

Answer 3

Poniżej prac dla pierwszego tr stołu pod thead

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

I to działa dla pierwszego tr z thead i tbody zarówno:

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