Prova a vedere se è questo quello che cerchi:
codice:
<!DOCTYPE html>
<html>
    <head>
    <meta charset=utf-8 />
        <title>Cambia colore sfondo al click</title>
        <style>
            .ciao{
                background:grey;
            }
            .ciao ul{
            }
            .ciao ul li{
                width:100%;
            }
            .ciao ul li:hover{
                background:black;
                color:white;
            }
            .rosso {
                background:red;
            }
        </style>
    </head>

    <body>
        <div class="ciao">
            <ul>
                <li onclick="this.className='ciao rosso'">elemento1
                <li onclick="this.className='ciao rosso'">elemento2
                <li onclick="this.className='ciao rosso'">elemento3
                <li onclick="this.className='ciao rosso'">elemento4[/list]
        </div>
    </body>
</html>