Action: remplacezredparbluedans l’onglet CSS et voyez le résultat 🙂
Le sélecteur de type “classe”
Action : renommez la classe CSS mon-titre, et constatez la disparition du bleu. Ensuite, créez une instruction CSS pour la classe toto pour assigner une autre couleur au titre h1 (par exemple green).
Le sélecteur de type “identifiant”
Action : transformez l’identifiant en classe, et faites en sorte que ça fonctionne (indice, vous devrez aussi modifier le HTML).
Le pseudo-sélecteur de type “:hover”
Action : modifiez la couleur de survol pour avoir un autre rendu (on en a déjà vu plusieurs jusqu’à présent).
Le sélecteur associatif
Action : ajoutez la classe bouton à un lien qui n’en dispose pas et constatez le changement d’apparence.
Le sélecteur descendant
Action : ajoutez la classe bouton à un lien qui n’en dispose pas et constatez le changement d’apparence.
Le sélecteur enfant
Action: ajoutez une balisediv de classepost-header (sans oublier la balise fermante) autour du lien (balisea), et constatez que le CSS ne s’applique plus.
Le mot magique en cas d’urgence
Action : supprimez le mot !important dans l’onglet CSS et constatez que les règles d’importance “normales” reprennent leurs droits.
H1, H2, H3…. je me lance sur Divi
Action : supprimez le mot !important dans l’onglet CSS et constatez que les règles d’importance “normales” reprennent leurs droits.