Áp dụng kiểu cho các ô của hàng đầu tiên

Question

Nó phải rất đơn giản nhưng tôi không thể tìm ra.

Tôi có một bảng như thế này:

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

Tôi muốn làm td thẻ của tr hàng đầu tiên có vertical-align. Nhưng không phải hàng thứ hai.

.category_table td{ 
    vertical-align:top; 
} 

Answer 1

Sử dụng tr:first-child để có những tr đầu tiên:

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

Nếu bạn đã lồng bàn, và bạn không muốn áp dụng phong cách để các hàng bên trong, thêm một số bộ chọn con nên chỉ đầu -level td s trong lần đầu tiên top-level tr có được phong cách:

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

Answer 2

này nên làm việc:

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

Answer 3

Dưới tác phẩm cho tr đầu tiên của bảng dưới thead

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

Và điều này làm việc cho tr đầu tiên của thead và tbody cả:

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