H3.produit { text-decoration : underline; }

Résolu/Fermé
Messages postés
401
Date d'inscription
lundi 6 juin 2011
Statut
Membre
Dernière intervention
27 janvier 2021
-
Messages postés
5698
Date d'inscription
lundi 16 janvier 2012
Statut
Contributeur
Dernière intervention
19 août 2021
-
Bonjour,


rassurez-moi

h3.produit
{
text-decoration : underline;
}

signifie bien que je souhaite souligner toutes les balises h3 présentes dans une classe produit ??

2 réponses

Messages postés
1189
Date d'inscription
dimanche 7 octobre 2007
Statut
Membre
Dernière intervention
12 juin 2020
430
non, tous les éléments h3 de classe produit.

Pour faire ce que tu souhaites, il faut faire:

.produit h3{
  text-decoration : underline; 
}
Messages postés
401
Date d'inscription
lundi 6 juin 2011
Statut
Membre
Dernière intervention
27 janvier 2021
1
Ok merci, par contre tu n'aurais pas une méthode pour que je puisse retenir facilement ?
Messages postés
5698
Date d'inscription
lundi 16 janvier 2012
Statut
Contributeur
Dernière intervention
19 août 2021
1 295
Il n'y a pas vraiment de méthode, c'est surtout explicite.

h3.produit => c'est un peu comme en programmation, ce sont tous les h3 qui ont comme "attributs" produit. <h3 class="produit">
(attention, il faut que ce soit collé)

.produit h3 => comme ça se lit, c'est-à-dire que dans le div (par exemple) de classe produit, tous les h3 auront cette propriété. <div class="produit"><h3>
(attention, il faut que ce soit séparé)