Priorité des déclarations CSS

Style pas déclaré dans la feuille de style externe, pas déclaré dans le <head>, pas déclaré dans la balise <span>

Style pas déclaré dans la feuille de style externe, pas déclaré dans le <head>, déclaré dans la balise <span>

Style pas déclaré dans la feuille de style externe, déclaré dans le <head>, pas déclaré dans la balise <span>

Style pas déclaré dans la feuille de style externe, déclaré dans le <head>, déclaré dans la balise <span>

Style déclaré dans la feuille de style externe, pas déclaré dans le <head>, pas déclaré dans la balise <span>

Style déclaré dans la feuille de style externe, pas déclaré dans le <head>, déclaré dans la balise <span>

Style déclaré dans la feuille de style externe, déclaré dans le <head>, pas déclaré dans la balise <span>

Style déclaré dans la feuille de style externe, déclaré dans le <head>, déclaré dans la balise <span>

Priorité modifiée par ajout d'une classe

Style déclaré dans la feuille de style externe + class, déclaré dans le <head>, pas déclaré dans la balise <span>

Style déclaré dans la feuille de style externe, déclaré dans le <head> + class, pas déclaré dans la balise <span>

Style déclaré dans la feuille de style externe, déclaré dans le <head>, pas déclaré dans la balise <span> + class

Priorité des balises

Une balise à l'intérieur d'une autre a la priorité

Sauf pour la balise <table>

Structure du code HTML
<table>
<caption></caption>
<col><col><col>
<thead>
<tr>
<td></td><td></td><td></td>
</tr>
</thead>
<tfoot>
<tr>
<td></td><td></td><td></td>
</tr>
</tfoot>
<tbody>
<tr>
<td></td><td></td><td></td>
</tr>
</tbody>
</table>
Disposition des éléments à l'affichage
<caption></caption>
<table>
<col><col><col>
<thead>
<tr>
<td></td><td></td><td></td>
</tr>
</thead>
<tbody>
<tr>
<td></td><td></td><td></td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td><td></td><td></td>
</tr>
</tfoot>
</table>

Les grosses bordures dominent les petites

Grosseurs égales
123
456
789
Grosseurs différentes
123
456
789

 

Les priorités des superpositions des bordures peuvent varier d'un navigateur à l'autre

rien
thead23
tbody56
tfoot89
tout
thead23
tbody56
tfoot89
table caption
thead23
tbody56
tfoot89
table caption td
thead23
tbody56
tfoot89
table caption tr
thead23
tbody56
tfoot89
tout sauf td
thead23
tbody56
tfoot89
tout sauf td et tr
thead23
tbody56
tfoot89
tout sauf col, td et tr
thead23
tbody56
tfoot89
caption, col et body
thead23
tbody56
tfoot89

 

Les priorités des superpositions des fonds sont similaires d'un navigateur à l'autre

rien
thead23
tbody56
tfoot89
tout
thead23
tbody56
tfoot89
table caption
thead23
tbody56
tfoot89
table caption td
thead23
tbody56
tfoot89
table caption tr
thead23
tbody56
tfoot89
tout sauf td
thead23
tbody56
tfoot89
tout sauf td et tr
thead23
tbody56
tfoot89
tout sauf col, td et tr
thead23
tbody56
tfoot89
caption, col et body
thead23
tbody56
tfoot89

 

Voir comment bien écrire les tables en html css