Die Gestaltung ist reines CSS. Da gibt es etliche Bücher zum Lernen. Meine Favoriten dafür sind die Bücher von Peter Müller, sein neuestes Buch zum Beispiel https://www.rheinwerk-verlag.de/eins...-und-css_5108/.
Welche Selektoren Du im konkreten Fall ansprechen kannst für Veränderungen, siehst Du am besten in den Entwicklertools des Browsers Deiner Wahl.
Ich kenne das mmenu nicht wirklich - setze es jedenfalls nicht produktiv ein. Der Unterschied den Du zwischen Quellcode und Entwicklertools siehst, kommt durch javascript zustande. Schalte einfach javascript aus und Du wirst sehen, dass dann auch keine Unterschiede zwischen Quellcode und Entwicklertools gibt.
Jetzt zu Deinem Code-Beispiel
Ohne javascript greift
Code:
a.first{color: red;
}
oder Dein (höhere Spezifität als notwendig)
Code:
a.sibling.first{color: red;
}
für das erste Element, wenn dieses nicht der aktive Menüpunkt ist.
Mit javascript wird diese Anweisung "ignoriert", denn mm-menu a:link hat eine höhere Spezifität
Code:
.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {color: inherit;
}
Dort würde funktionieren
Code:
a.first{color: red !important;
}
Das wäre ganz schlechter Stil und sollte unbedingt vermieden werden.
Eine Möglichkeit wäre
Code:
.mm-menu a.first, .mm-menu a.first:active, .mm-menu a.first:hover, .mm-menu a.first:link, .mm-menu a.first:visited {color: red;
}
Der aktive Menüpunkt ist kein Link-Element sondern "strong", wird also durch die oben angegebenen Styles gar nicht berührt. Hier musst Du Dir das analog für "strong" anschauen.
Edit: a.sibling first mm-listitem {color:red;} kann nicht funktionieren, weil es ein solches Element gar nicht gibt. Das würde ein Element mit der Klasse "mm-listitem" ansprechen, welches innerhalb eines Elements mit der Klasse "first" liegt. Das Element mit der Klasse "first" muss seinerseits noch innerhalb eines Linkelementes mit der Klasse sibling liegen.
Funktionieren würde dagegen
Code:
a.sibling.first.mm-listitem__text {
color: red;
}
Ich würde allerdings die erste Lösung bevorzugen.
Lesezeichen