34-regle-priorite-css.html

Règle n°1

la règle css la plus proche de l'élément est prioritaire

Ordre de priorité décroissante	où
1 _nota	<link href="..." rel="stylesheet">
2 _nota	<style"> ... </style">
3	<p style=" ... ">

nota : attention à l'ordre d'appel dans la page html

la règle css est la plus précise (= le sélecteur le plus précis ) est prioritaire

Ordre de priorité décroissante	style
4	* { ... }
5	p { ... }
6	div p { ... }
7	.class { ... }
8	p.class { ... }
9	div p.class { ... }
10	#id { ... }
11	p#id { ... }
12	div p#id { ... }
13	.class #id { ... }
14	.class p#id { ... }
15	div.class p#id { ... }

l'ajout du mot clé !important; sur une règle css la rend prioritaire

Ordre de priorité décroissante	style
16	.. { ... !important;}