ich nehme gerade ganz kleine, übliche Änderungen an mehreren Stilen in einer Master-Themenkomponente für unsere Website vor. Das bedeutet, dass wir keine Remote-Stile abspalten oder bearbeiten müssen, ohne befürchten zu müssen, dass unsere Änderungen beim nächsten Update überschrieben werden. Bisher waren meine Änderungen universell, wie zum Beispiel die Änderung des Like-Buttons usw.
Ich wollte wissen, ob es möglich ist, einen bestimmten Stil aus der Themenkomponente gezielt anzusprechen, ohne die anderen zu beeinflussen? Vielleicht über einige Datenvariablen?
Ich möchte für so eine Kleinigkeit keine separate Themenkomponente erstellen müssen. Die Idee, eine einzige Themenkomponente für meine universellen Änderungen zu haben, gefällt mir sehr gut.
Ja, normalerweise kannst du dich auf die Spezifität innerhalb von CSS verlassen. Wenn du mit CSS nicht vertraut bist, lässt es sich so zusammenfassen: Wenn mehrere Stile dasselbe Element ansprechen, gewinnt der spezifischere Stil.
Du solltest also prüfen, ob das Element (oder ein übergeordnetes Element) in der Komponente, die du ändern möchtest, irgendwo eine eindeutige Klasse hat – so etwas wie:
Im obigen Beispiel entweder .custom-link oder, falls das Element keine direkte Klasse hat, die Nutzung des übergeordneten Elements wie .custom-container a. Wenn die Komponente den Stil ursprünglich als .custom-link definiert hat, kannst du sicherstellen, dass er überschrieben wird, indem du a.custom-link spezifischer adressierst.
Falls es im gesamten Bereich der Komponente keine eindeutige Klasse gibt, kannst du auch den Plugin-Outlet-Container verwenden. Wenn ein Plugin-Outlet in einer Anpassung verwendet wird, erhält der Container eine benutzerdefinierte Klasse. Am Beispiel der Formatierung eines Links könnte das so aussehen: .above-site-header-outlet.brand-header a, wobei „brand-header
[quote=“awesomerobot, Beitrag: 2, Thema: 152005”]
Ja, du kannst dich in der Regel auf die Spezifität innerhalb von CSS verlassen. Wenn du mit CSS nicht vertraut bist, lässt es sich darauf reduzieren: Wenn du eine Reihe von Stilen hast, die dasselbe Element ansprechen, gewinnt der spezifischere Stil.
Du solltest also prüfen, ob das Element (oder ein übergeordnetes Element) in der Komponente, die du ändern möchtest, irgendwo eine eindeutige Klasse hat – etwas wie:
Im obigen Beispiel entweder .custom-link oder, falls das Element keine direkte Klasse hat, die Nutzung des übergeordneten Elements wie .custom-container a. Wenn die Komponente den Stil ursprünglich als .custom-link definiert hat, kannst du sicherstellen, dass er überschrieben wird, indem du a.custom-link spezifischer ansprichst.
Falls es keine eindeutige Klasse in der Komponente gibt, kannst du auch den Plugin-Auslass-Container verwenden. Wenn ein Plugin-Auslass in einer Anpassung verwendet wird, wird dem Container eine benutzerdefinierte Klasse hinzugefügt. Am Beispiel der Formatierung eines Links könnte das so aussehen: .above-site-header-outlet.brand-header a, wobei „brand-header