• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Vererbungssache bei Listen

oow

Neues Mitglied
Hallo liebe html Community

Ich bekomme die Sache mit der Vererbung auch nicht wirklich geschnallt bzw. wenn ein CSS Element eben NICHT vererbt werden soll. :oops:
Dazu muss ich noch sagen, dass ich ein Wordpressnutzer bin und demnach die Formatierungseigenschaften sowieso nicht selbst geschrieben habe.

Ausgangsituation:

Es geht mir um die Kommentarfunktion bei Wordpress. Gäste und registrierte Benutzer habe ich eine bestimmte Hintergrund-Farbe (rosa) zugeordnet, meine eigenen Kommentare habe ich blau eingefärbt. Bleiben alle Kommentare unverschachtelt also läuft das ganze nicht über Ebenen, dann funktioniert das ganze auch wunderbar.

Kommt es aber dazu, dass ein User auf mein blau eingefärbtes Kommentar direkt antwortet mithilfe eines Antwortbuttons, es also zu einer <li> Angelegenheit wird, dann wird dieses Kommentar ebenfalls blau, obwohl es eigentlich die Hintergrundfarbe rosa haben müsste.

Was ich haben möchte:

Logischerweise sollen nur meine Kommentare blau erscheinen.

Mein Problem:

Mir leuchtet einfach nicht ein, wie ich eine verschachtelte Liste mit CSS ansprechen kann. Außerdem ist der CCS Code meines Themes auf zwei css dateien gesplittet, sodass ich deswegen erstrecht kein Überblick darüber habe. Ich habe hier mal den Code aus beiden CSS Dateien in eine Datei zusammenkopiert, mit der Hoffnung, dass mich jemand in die richtige Richtung schupsen kann. :oops:

Die Kommentare mit ihrer falschen Hintergrundformatierung kann man hier bestaunen. Der User "Never Judge" müsste eigentlich rosa sein, denn ich "Alesandra" habe das nicht geschrieben.

Gruß
Alex
 
Hallo,

in deiner Base.css (Zeile 216) steht folgende Angabe zur Formatierung der Kommentarboxen

Code:
.comment-author-uranos .comment-node {

    background-color: #DFDDFF !important;


}

Diese CSS Regel bewirkt, dass alle Kommentar Boxen (.comment-node), die deinem Post (.comment-author-uranos) untergeordnet sind, die Hintergrundfarbe Blau bekommen.

Wenn du die CSS Regel nun so umänderst, dass mit dem Kindselektor (>) nur die erste Kommentar Box nach deinem Eintrag angesprochen wird, also deinen eigene Kommentar Box, die auch die Klasse .comment-node hat,
werden alle nachfolgenden Posts wieder normal in Rosa hinterlegt.

Geänderter Code mit Kindselektor
Code:
 .comment-author-uranos > .comment-node {

    background-color: #DFDDFF !important;


}

Dann sollte es richtig funktionieren.
 
Erledigt :-)

Das es jetzt so einfach ist, damit hab ich nicht gerechnet. Vielen vielen Dank für die Hilfe.
 
Zurück
Oben