İlk satırdaki hücrelere stili uygulayın

Question

Çok basit olmalı ama anlayamıyorum.

bir tablo böyle vardır:

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

İlk tr sıranın td etiketler vertical-align sahip olmak istiyorum. Ama ikinci sıra değil. Eğer tablo iç içe varsa

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

ve iç satırlara stilleri uygulamak istemiyoruz, bu yüzden sadece top bazı alt seçicileri ekleyin:

.category_table td{ 
    vertical-align:top; 
} 

Answer 1

Kullanım tr:first-child ilk tr almaya ilk üst düzeyde tr yılında -seviye td ler stilleri olsun:

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

Answer 2

Bu işi yapmak gerekir:

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

Answer 3

thead

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

altında tablonun ilk tr için işler Aşağıda

Ve bu ilk thead ait tr ve tbody ikisi için çalışır:

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