La pseudo-classe :first-child

La pseudo-classe :first-child permet de modifier le style du premier élément fils de son type (le premier td, le premier div, le premier p...) d'un élément parent.

Exemple : coloration des premières cellules de chaques lignes d'un tableau

HTML
<table>
<tr>
<td>Fils 1</td>
<td>Fils 2</td>
<td>Fils 3</td>
<tr>
<tr>
<td>Fils 1</td>
<td>Fils 2</td>
<td>Fils 3</td>
<tr>
</table>
=>
Fils 1 Fils 2 Fils 3
Fils 1 Fils 2 Fils 3
CSS
td
{
background-color : darkgray;
}

td:first-child
{
color : white;
background-color : black;
}
=>