Qu'est-ce que la cascade CSS

La cascade CSS fait référence à la manière dont le navigateur décide quelle règle sera appliquée à l'élément lorsque plusieurs règles CSS sont appliquées au même élément en même temps dans un document HTML, et à la manière de gérer les conflits entre les règles. Le mécanisme en cascade CSS fonctionne sur la base d'une série de règles et de priorités qui déterminent quels styles seront appliqués aux éléments et quel style aura la priorité en cas de conflit entre plusieurs styles. L'ordre des règles est le style par défaut du navigateur, la feuille de style externe, la feuille de style interne et le style en ligne.

Le système d'exploitation de ce tutoriel : système Windows 10, ordinateur DELL G3.

La cascade CSS est l'un des concepts très importants du développement front-end. Il fait référence à la manière dont le navigateur décide quelle règle sera appliquée à l'élément dans un document HTML lorsque plusieurs règles CSS sont appliquées au même élément en même temps, et à la manière de gérer les conflits entre les règles.

Le mécanisme en cascade CSS fonctionne sur la base d'une série de règles et de priorités. Ces règles et priorités déterminent quels styles seront appliqués aux éléments et quel style sera prioritaire en cas de conflit entre plusieurs styles. Ci-dessous, nous présenterons en détail les règles et les priorités de la cascade CSS.

Tout d'abord, les règles en cascade CSS sont traitées dans un ordre spécifique. L'ordre est le suivant :

1. Styles par défaut du navigateur : Le navigateur définira des styles par défaut pour chaque élément HTML. Ces styles sont généralement définis par les fabricants de navigateurs pour garantir que la page puisse s'afficher normalement sans styles CSS.

2. Feuille de style externe : La feuille de style externe est une méthode qui définit les styles CSS dans un fichier séparé puis les référence dans le document HTML. Lorsqu'un navigateur analyse un document HTML, il charge d'abord la feuille de style externe et applique les styles qu'elle contient.

3. Feuille de style interne : La feuille de style interne est une méthode de définition des styles CSS dans la balise `