|
• |
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;
}
|
|
|
|
|
|
=> |
