CSS in HTML-Tabelle hinzufügen?

Question

Ich möchte hinzufügen auf dritte tr in table mit CSS nicht Inline-Stil.

Kann mir jemand helfen?

unter meinem HTML-Code:

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

Dank

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>

zugegriffen wird,

Answer 2

können Sie verwenden die folgenden:

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

mehr über nth-child hier erfahren: https://css-tricks.com/almanac/selectors/n/nth-child/

Answer 3

Sie können es mit dieser Selektor:

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

:nth-child(n) akzeptiert eine Reihe und es ist einer basiert, das heißt das erste Kind mit 1

Answer 4

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

Arbeitsbeispiel http://jsfiddle.net/gqr3J/1602/