hover für eigene klasse

[Sorgenkind Mech]

moins

ich versuche gerade folgendes: es gibt eine klasse namens .data, die wie folgt aussieht:
.data {
 cursor: default;
}

ich möchte jetzt, dass wenn man mit der maus über das element fährt sich der hintergrund ändert

mein versuch:
data:hover {
 background-color: #CCCCCC;
}

(mit und ohne punkt vor data)

es funktioniert aber nich

kann mir jemand sagen, wie man das macht?

vielen dank im vorraus ;)

gruß