Zugriff auf CSS

[freakXHTML]

Hallo zusammen,
ich kann leider selbst kein Javascript und benötige dabei eure Hilfe. Wenn ich auf einen Link klicke, dann soll mittels CSS das Design geändert werden. So sieht der HTML Teil aus:

<div id="top" class="clear">
    
    <h1>Überschrift <a href="">test</a></h1>
            
    <ul>
        <li id="sel" class="selected"><a href="#">Home</a></li>
        <li><a href="#">Blog</a></li>

    </ul>
</div>

Das Listenelement, das selected ist, wird mit CSS bearbeitet. So sieht der CSS Teil aus:

div#top ul li.selected a,
div#top ul li.selected a:hover {
    border:none;
    background-color:#0288ff;
    text-decoration:none;
}

Nun wird auf einen bestimmten Link gedrückt. Sobald dies getan wird, soll die background-color des selected Listenelement verändert werden. Das kriege ich aber leider nicht hin. Mein bisheriger Javascript sieht so aus:

document.getElementById("sel").style.backgroundColor="#3cc960";

"sel" ist die ID des Listenelements. Leider passiert nichts und keine Färbung wird vorgenommen.
Woran liegt das?

Vielen Dank
lg, freakXHTML

 

[MrMurphy]

Hallo,

vielleicht hilft dir die folgende Seite weiter:

WebDesign - Tips und Tricks: Seitenaufteilung mit CSS

Ansonsten mal nach "Style Switcher" oder "Stylesheetwechsler" googeln.

Gruss

MrMurphy

 

[freakXHTML]

Ok, ich habe es hinbekommen!

Vielen Dank
lg, freakXHTML