"Feuille de style en cascade". Le mot cascade prend ici tout son sens.

Chaque élément, balise, peut subir plusieurs règles CSS qui proviennent de toute part, avec des priorités similaires mais des valeurs différentes.

Il n'est par exemple pas impossible d'obtenir quelque chose comme

h1 {
    color: red;
}
h1 {
    color: blue;
}

Que se passe t'il alors, de quelle couleur sera le titre h1 ? Il sera bleu.

Pour facilité la compréhension des règles de priorités que prendra un élément, il faut se référer au mot "cascade".

Retenez donc, que, mis à part des règles spécifiques que nous verrons plus tard, , au plus votre CSS est "proche" de votre élément, au plus sa priorité sera élevé.

Voici donc les priorités, en commençant par la plus basse.

  1. Règles définies dans les navigateurs (par exemple, les styles par défaut)
  2. Règles définies dans les feuilles de style externes (utilisant la balise <link> dans la section <head> de votre document HTML)
  3. Règles définies dans les feuilles de style internes (utilisant la balise <style> dans la section <head> de votre document HTML)
  4. Règles définies dans les styles inline (l'attribut "style" directement sur une balise HTML)