Ich möchte ein bestimmtes Element auswählen, um seine Eigenschaften zu ändern (zum Beispiel):
.d-button-label { display: none !important;}
Mir ist dann jedoch aufgefallen, dass diese Klasse überall in Discourse verwendet wird, nicht nur im Plugin-Element, das ich anpassen wollte. Wie kann ich also genau dieses spezifische Label auswählen?
Du gehst im HTML-Baum nach oben und findest ein Elternelement mit einer eindeutigen Klasse.
Anschließend kannst du das Elternelement wie folgt zu deinem Selektor hinzufügen:
.parent-class .child-class {
display: none;
}
Bei Bedarf kannst du auch weitere eindeutige Elternteile hinzufügen:
.grandparent-class .parent-class .child-class {
display: none;
}
Das Gleiche in SCSS sähe so aus:
.grandparent-class {
.parent-class {
.child-class {
display: none;
}
}
}
Dadurch sollte die Verwendung von !important überflüssig werden.
Danke @Johani! Du hast mir gerade etwas Neues beigebracht, das mir sehr nützlich sein wird!