link li ebene andersfarbig gestalten

[afr0kalypse]

hi zusammen =)
ich habe eine html liste in denen ich links aufgelistet habe in folgender form:

<ul>
     <li></li>
     <li>
          <ul>
                   <li>
                   </li>
          </ul>
     </li>
</ul>

jetzt möchte ich mit css realisieren, dass wenn ich auf einen link der ersten ebene klicke, dieser farbig markiert wird.
die links der unteren ebene sollen nicht farbig markiert werden.
es soll auch immer nur ein link farbig markiert werden, so lange dieser weitere ebenen hat.


bla


bla


bla


-----bla ebene2


-----bla ebene2


bla


so soll es aussehen.

mein css sieht momentan so aus aber funktioniert so nicht, da alle besuchten links ja gecached werden... dann sind alle rot... :/

div#linkbereich ul li
{
	padding:3px 0 3px 2px;
}
div#linkbereich ul li a:visited
{
	color:red;
}
div#linkbereich li a
{
	color:#006699;
}

div#linkbereich li ul
{
	color:#006699;
}
div#linkbereich li ul li
{
	margin:3px 0 3px 15px;
	list-style-type:circle;
}

wie kann ich mein vorhaben realisieren?
dank und gruß
afr0

 

[kyle66]

AW: link li ebene andersfarbig gestalten

ist die Navigation mit php/jsp eingebunden oder ist die Navigation auf jeder HTML-Seite?

Auf jeden Fall musst du dem geöffneten li noch eine Klasse zuweisen z.B. "offen" und dann als css:
div#linkbereich li.offen a {
color: #0f0 !important;
}

das !important sorgt dafür, dass es nicht überschrieben wird.

und wieso lässt du das div#linkbereich ul li a:visited nicht weg, wenn es dich stört?

Grüße
kyle

 

[afr0kalypse]

AW: link li ebene andersfarbig gestalten

es handelt sich dabei um eine joomla linkliste. ich bin mir nicht sicher ob ich dort eine klasse oder id zuweisen kann. das a:visited habe ich testweise benutzt aber dadurch bleibt der link ja farbig was ich nicht wollte

aber deine idee ist schonmal gut.
gibts noch andere möglichkeiten?

gruß
afr0

 

[Doitsu]

AW: link li ebene andersfarbig gestalten

Wenn ich das jetzt richtig verstanden habe bnrauchst du 'div#linkbereich ul li a:focus' - wird der Link angeklickt, wird er farbig - klickt man dann wo anders hin, geht er wieder zur normal form.

 

[afr0kalypse]

AW: link li ebene andersfarbig gestalten

focus wird vom ie nicht richtig interpretiert. aber die lösung von kyle66 hat wunderbar geklappt.

danke noch mal