hover, active problem!
 

Hallo zusammen,
ich habe eine Navigation und habe ein hover(farblich) auf die Menü-Elemente gesetzt, das klappt auch soweit. Ich möchte das dieses geklickte Menü-Elemente auch diese Farbe behält. Das klappt bei mir nicht. Was mache ich falsch?

#main-navigation .menu li a:hover{
margin-top:2px;
height:96px;
background: rgb(246, 143, 142);
-webkit-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
-ms-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in;
}

#main-navigation .menu li a:active{
margin-top:2px;
height:96px;
background: rgb(246, 143, 142);
}

Vielleicht schlägst du 'ne neue Seite auf? Die interessiert doch nicht, wo du auf der alten geklickt hast ;)
Gib den Seiten Klassen oder ID's, dann kannst darüber die Menüelemente färben.

Ich habe nur eine Seite. Das Template läuft auf Joomla. Da wird nur der content neu geladen.

Linktipp: Gelöst: aktuelle seite im menü markieren

Hat geklappt. Vielen Dank!!!