Maîtrise des sélecteurs et styles CSS

📋 Plan du Cours

1. Priorité des sélecteurs CSS : ID, classe et type
2. Sélecteurs descendants et adjacents en CSS
3. Unités CSS adaptatives à la taille de l’écran
4. Sélecteur universel et application globale des styles
5. Chargement d’une feuille CSS externe dans HTML
6. Groupes de sélecteurs et pseudo-classes en CSS

📖 1. Priorité des sélecteurs CSS : ID, classe et type

🔑 Notions clés & Définitions

• Sélecteur de classe : Un sélecteur CSS qui cible les éléments possédant une classe spécifique, identifié par un point suivi du nom de la classe, avec une priorité intermédiaire dans la hiérarchie de spécificité.
• Sélecteur de type : Un sélecteur CSS qui cible les éléments selon leur type ou nom de balise HTML, avec la priorité la plus faible dans la hiérarchie de spécificité.

📝 Points essentiels

• Le sélecteur de classe (.class) a une priorité intermédiaire entre ID et type.
• Un style appliqué avec un sélecteur d’ID écrase les styles appliqués avec une classe ou un type.
• ID (#id) = priorité la plus forte 2.

💡 À retenir

Comprendre la hiérarchie de spécificité des sélecteurs permet de maîtriser l’ordre d’application des styles en CSS.

📖 2. Sélecteurs descendants et adjacents en CSS

🔑 Notions clés & Définitions