Je souhaite cibler un élément spécifique pour modifier ses propriétés (par exemple) :
.d-button-label { display: none !important;}
Mais j’ai ensuite réalisé qu’il est utilisé partout dans Discourse, et pas seulement dans l’élément du plugin que je tentais de personnaliser. Comment puis-je donc cibler cette étiquette spécifique ?
Remontez dans l’arbre HTML et trouvez un parent doté d’une classe unique.
Vous pouvez ensuite ajouter ce parent à votre sélecteur comme suit
.parent-class .child-class {
display: none;
}
Vous pouvez également ajouter plusieurs classes de parents uniques, par exemple
.grandparent-class .parent-class .child-class {
display: none;
}
Si nécessaire.
La même chose en SCSS ressemblerait à ceci
.grandparent-class {
.parent-class {
.child-class {
display: none;
}
}
}
Cela devrait éliminer le besoin d’utiliser !important.
Merci @Johani ! Tu viens de m’apprendre quelque chose de nouveau qui va me servir à merveille !