[Chr!s]

Abend,
ich hab hier ein Problem mit einem CSS-Menü in Verbindung mit der Auswahl einer Klasse. Erstmal ein wenig code:

<div id="menuFrame">
            <ul id="menu">
                <li>
                    <a href="{%root%}startseite/">
                        <img src="{%root%}media/images/index_thumb.jpg" alt="Startseite" title="Zur Startseite" />
                        <span>
                            <strong class="menuHoverHeading">Zur Startseite</strong><br />
                            Begr&uuml;&szlig;ung und einige Neuigkeiten
                        </span>
                    </a>
                </li>
 

An diese Elemente komme ich mit CSS Problemlos ran:

#menu li a span

Nun wird aber dem Element, das gerade aktiv ist, eine besondere ID zugewiesen:

<li id="active">
                    <a href="{%root%}kontakt/">
                        <img src="{%root%}media/images/contact_thumb.jpg" alt="Kontakt &amp; Impressum" title="Kontakt &amp; Impressum" />
                        <span>
                            <strong class="menuHoverHeading">Kontakt &amp; Impressum</strong><br />
                            Daten zur Kontaktaufnahme
                        </span>
                    </a>
                </li>
 

Wie komme ich da jetzt ran? Meine Versuche gingen über

#menu li #active a span
#menu #active li a span
#active li a span

Doch alle drei funktionieren nicht. Ich hoffe ihr könnt mir helfen.

[Xean]

#menu #active a span
oder
#menu li#active a span

Bei deinen gibs denkfehler:

-#menu li #active a span
durch das Leerzeichen zwischen li und #active sind das zwei elemente, wenn da keins ist, dann ist es ein li mit der ID active
-#menu #active li a span
zwischen dem li mit der ID active und dem Link ist kein weiteres li oder?
-#active li a span
so müsste es funtionieren, aber es gibt keinen unterschied, ob das li die ID active hat, oder nicht

[Chr!s]

Vielen Dank Xean. #menu #active a span hat bestens funktioniert.