HTML表にCSSを追加しますか？

Question

backbround-colorをtrのtableに追加するには、css not inlineスタイルを使用してください。

いずれかを教えてください。

私のhtmlコードの下

：

<table> 
    <tr> 
    <td>First TR</td> 
    </tr> 
    <tr> 
    <td>Second TR</td> 
    </tr> 
    <tr> 
    <td>Third TR</td> 
    </tr> 
    <tr> 
    <td>Four TR</td> 
    </tr> 
    <tr> 
    <td>Fifth TR</td> 
    </tr> 
</table> 

おかげ

Answer 1

table>tbody>tr:nth-child(3) { 
 
background-color:red; 
 
}

<table> 
 
    <tr> 
 
    <td>First TR</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Second TR</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Third TR</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Four TR</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Fifth TR</td> 
 
    </tr> 
 
</table>

でアクセスされています

Answer 2

次を使用することができます。

tr:nth-child(3) { 
    background-color: #ddd; 
    /* Your css here */ 
} 

はここnth-child詳細については、こちらをご覧ください：https://css-tricks.com/almanac/selectors/n/nth-child/

Answer 3

あなたがでそれを行うことができますこのセレクタ：

table tr:nth-child(3){ 
    background-color: #rgb; /*your color */ 
} 

:nth-child(n)番号を受け取り、それが基づくものであり、即ち、第1子 は1

Answer 4

table tr:nth-child(3) { 
    background: #ccc; 
} 

実施例http://jsfiddle.net/gqr3J/1602/