li.mainmenuactive wenn a.submenuactive

[djr]

Um den ".menuactive-Link" bei vorhandenem ".submenuactive-Link" per CSS neutralisieren zu können benötigt es eine weitere Klasse oberhalb des (/um den) ".menuactive-Links", die nur bei aktivem Submenü-Link vorhanden ist.

Mein Vorschlag:

li.mainmenuactive

...ist für bisherige Layouts ungefährlich (wenn nicht unnötigerweise mit der "mainmenu-Klasse" gearbeitet wurde).
(Einer "li.detailmenuactive Klasse" benötigt es nicht)
Oder hat ein CSSer einen anderen Vorschlag zum bedingten ".menuactive"?

Hat ein PHPler einen kleinen Hack parat?
(Ein Xtes-Menü-Plugin ist ungünstig, da ich schon das i18n-Menü verwende.)

[azett]

Was genau meinst du mit "neutralisieren"? Formulier mal, was du vorhast

[djr]

Voraussetzung:
Inhaltsseiten mit selbem Namen wie die zugehörige Kategorie sind im Detailmenü versteckt.
Vorhaben:
Es soll im Menü nur die "wirklich" aktive Inhaltsseite hervorgehoben werden.
D.h., ist sie in einem Kategorie-Link versteckt, wird dieser hervorgehoben, ist sie dies nicht wird der Kategorie-Link nicht hervorgehoben, sondern eben nur der Inhaltsseiten-Link.

CSS mit gewünschter (bedingter) li.mainmenuactive-Klasse:

Code Auswählen Erweitern

a {
background: #fff;
}
a.menuactive, a.submenuactive{
background: yellow;
}
li.mainmenuactive a.menuactive /* oder */
{
background: #fff;
}
li.mainmenuactive a.submenuactive {
background: yellow;
}Im aktuellen Fall geht es um ein Menü mit folgendem Aufbau:
Kategorien: horizontal
Inhaltsseiten: vertikal - bei Kategorie ":hover".
Ersetzte man die mit /* oder */ markierte Zeile durch:

Code Auswählen Erweitern

li.mainmenuactive:hover a.menuactive, "spränge" die Hervorhebung der aktiven Kategorie auf den aktiven Inhaltsseiten Link (optischer Eindruck).