Salve a tutti, sono nuovissimo del forum(mi presenterò nell'apposita sezione..)
Vorrei porvi un quesito:

data la seguente lista:

<div class="ciao">
<ul>[*]elemento1[*]elemento2[*]elemento3[*]elemento4[/list]
</div>

Vorrei che un elemento della lista rimanesse "attivo" al click.
Ho letto della proprietà focus, ma a quanto sembra non funziona.

CSS:

.ciao{
background:grey;
}
.ciao ul{

}
.ciao ul li{
width:100%;
cursorointer;
backgroundink;
}
.ciao ul li:hover{
background:black;
color:white;
}
.ciao ul li:focus{
background:red;
}

Grazie infinite