Syntaxe CSS alambiquée ?

Résolu/Fermé
telliak Messages postés 3655 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 27 mars 2024 - 11 déc. 2019 à 09:57
jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 - 11 déc. 2019 à 11:06
Bonjour,
Supposons que j'aie un sélecteur ainsi défini :
.texteclair. { margin: 6px 20px ; }

Y a-t-il une forme d'écriture qui permette de définir un sélecteur .textecitation, reprenant les propriétés de .texteclair sans devoir les réécrire ?
Figurativement, quelque chose comme
.texteclair. { margin: 6px 20px ; }
.textecitation { ~include: .texteclair; font-size: 90%; }

représentant au final
.textecitation . { margin: 6px 20px ; font-size: 90%;  }

Amis prosateurs, merci d'avance.

1 réponse

jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649
Modifié le 11 déc. 2019 à 10:34
Bonjour,

Tu dois pouvoir t'en sortir avec le SASS et son @extend


Mais sinon.. il suffit, en "simple css" de voir le problème dans l'autre sens
.texteclair ,
.textecitation {
   margin: 6px 20px ;
 }
.textecitation { 
   font-size: 90%; 
}


ce qui revient bien à ce que tu souhaites

0
telliak Messages postés 3655 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 27 mars 2024 875
11 déc. 2019 à 10:51
Merci, y a quand même des fois où on est pas malin :-)
0
jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649 > telliak Messages postés 3655 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 27 mars 2024
11 déc. 2019 à 11:06
0