最初の行のセルにスタイルを適用してください

Question

非常にシンプルなはずですが、わかりません。

私はこのようなテーブルを持っている：

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

私が最初tr行のtdタグがvertical-alignを持つようにしたいです。しかし、2番目の行ではありません。

.category_table td{ 
    vertical-align:top; 
} 

Answer 1

使用tr:first-child最初trを取る：あなたは、テーブルを入れ子にしている、とあなたは内側の列にスタイルを適用したくない場合は、

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

いくつかの子のセレクタにこれだけのトップを追加最初のトップレベルのレベルのtdのtrはスタイルを取得：

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

Answer 2

これは、仕事をする必要があります：

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

Answer 3

thead

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

下の表の最初のtrのための作品の下

そして、これが最初のtheadのtrとtbodyの両方で動作します：

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