✔ Wie spreche ich mit CSS ein Submenü an?

[nchristoph]

Hallo zusammen,

Ich sitze gerade an einem Problem:

Ich erstelle gerade die neue Menüführung meiner Firma. Leider gibt es immer wieder Leute, die nicht registrieren, das es Untermenü's gibt.

Jetzt will ich, damit dies nicht mehr vorkommt, den Links in den Untermenü's eine eigene Farbe geben.

Leider komm ich nicht ganz dahinter, wie ich das machen soll.

<div class="module_menu">
			<div>
				<div>
					<div>
						<h3>123</h3>
                                                <ul class="menu" />					
                                        </div>
				</div>
			</div>
		</div>
			<div class="module_menu">
			<div>
				<div>
					<div>
						<h3>test</h3>
						<ul class="menu" />					
                                        </div>
				</div>
			</div>
		</div>
			<div class="module_menu">
			<div>
				<div>

					<div>
						<h3>Hauptmenü</h3>
						<ul class="menu">
                                                        <li id="current" class="parent active item1"><a href="http://localhost/kepneu/"><span>Startseite</span></a>
                                                        <ul>
                                                               <li class="item2"><a href="/kepneu/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=2"><span>test</span></a>
                                                               </li>
                                                         </ul>
                                                         </li>
                                             </ul>					
                                          </div>
				</div>
			</div>
		</div>
	
												</div>

Es geht im genauen um diesen Tag hier:

 <li class="item2"><a href="/kepneu/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=2"><span>test</span></a>
                                                               </li>

Wie gesagt: ich blicke da nicht wirklich durch wie ich das lösen könnte.

Ich hab in bei Google

div.module_menu ul li ul li a:active

gefunden aber das hat keine Änderung gebracht.


Kann mir wer helfen?

 

[SpiceLab]

Ich hab in bei Google

div.module_menu ul li ul li a:active

gefunden aber das hat keine Änderung gebracht.

Die :active-Pseudoklasse gilt auch nur bei gedrückter Maustaste.

Wie wäre es stattdessen hiermit?

div.module_menu ul li ul li.item2 a {...}

bzw.

div.module_menu ul li ul li a {...}

 

[nchristoph]

Das a:active nur bei gedrückter Maustaste gilt, weis ich, ich habs auch mit hover, link und visited versucht, brachte keine Änderung, auch nur mit a tut sich nichts.

div.module_menu ul li ul li.item2 a {...}

bringt nur was für Item2, bzw. funktioniert a auch nicht, weil sobald ich einen weiteren Menüpunkt hinzufüge, werden die Item3,4,5,6,7,8 usw benannt, also müsste ich für jedes Item einen eigenen CSS block schreiben und das will ich vermeiden, da das zu Umfangreich werden würde.

Ich denke ich muss mal schauen, wo Joomla die Menünamen erstellt.

 

[SpiceLab]

Wie du deine weiteren Listeneinträge benennst, ist mir nicht bekannt.

Unabhängig davon funktioniert dieser Vorschlag bei mir erwartungsgemäß einwandfrei.

Wie wäre es stattdessen hiermit?

div.module_menu ul li ul li a { background:red; }

 

[nchristoph]

Wie du deine weiteren Listeneinträge bebennst ist mir zudem nicht bekannt.

Das macht Joomla automatisch.

Ich hab den Fehler gefunden. Ich hab ein Plugin installiert, um die Seite schneller zumachen. Das Cached CSS, HTML, JS usw. Hab den Cache entleert und jetzt klappts dein Codeschnippsel.

Danke für die Hilfe.