Hover - men ikke på a

Det er vist nok kun tags du kan lave :hover på... i hvert fald på den måde...

Dvs. du kan lave det på f.eks.
a:hover
div:hover

Men altså ikke på en class, som du prøver på.

Med andre ord... Smid et span ind foran i din style... så virker det :)

Damn, jeg spammer nu :(...
Prøv dette:

span.commenttitle:hover {
    font-weight: bold;
}

Ja. Ellers må du sætte det med java script:

<span onmouseover="this.style.textDecoration='none'" onmouseout="this.style.textDecoration='underline'" ...>

<ole>

janpolsen >> Det er da vist noget sludder. Hvor kommer det fra?  =)

I de browsere, der understøtter hover på andet end a-elementer, virker dette udmærket:

<style type="text/css">
.foo {
    color: red;
    background: yellow;
}
.foo:hover {
    color: yellow;
    background: red;
}
</style>

<span class="foo">Blablabla</span>

Til gengæld kunne det meget vel tænkes, at omalley tester i en IE6, som ikke understøtter hover på andet end a-elementer  ;o)

/mvh
</bole>

@ole: Det kom fra et eksempel ;). Eksemplet som du giver, virker heller ikke i FF3 (på den linux-distribution jeg sidder med). Smider man et "span" ind foran ".foo:hover{", så virker det.

Det er en klar fejl i forhold til W3C's specifikationer

Du kan sågar bruge:

<style type="text/css">
:hover {
    color: red;
    background: yellow;
    border: 10px solid blue;
}
</style>

Ikke, at jeg på nogen måde vil anbefale det, men det er valid CSS  =)

Svarer du for point? Prøver at rydde lidt op i mine spørgsmål :-)

Gerne  =)