在HTML表格中添加CSS？

Question

我想添加backbround-color在第三個tr在table使用CSS不內聯樣式。

任何人都可以幫我嗎？

下面我的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

Answer 4

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

工作實施例http://jsfiddle.net/gqr3J/1602/