Du har blandat ihop hur det fungerar.
ID sätts på ett element, för att ge det ett ID. Inget mer.
Klasser sätts på ett element, för att ge det en stil, fet text, border, röd bakgrund etc.
I CSS stylar man klasser så här:
punkten före "minKlass" betyder att KLASSEN minKlass skall se ut så här.
Ingenting före, betyder elementet
Brädgård # betyder element med ID
div .minKlass{color: red}
Betyder element, inne i en DIV, som har klassen minKlass, skall ha röd text.
#mittID div .minKlass
Betyder samma sak, fast endast om elementet div ligger inne i någonting som har ID mittID.
Man stylar mycket sällan saker efter ID, det är rätt dålig praxis i de flesta fall. Det kan nämligen bara finnas ett element med ett specifikt ID på sidan. Har du flera element med samma ID blir det buggar.
Vill du styla hover på en <a> skriver du a.minklass:hover eller .minklass:hover
eller a:hover så blir det på ALLA a, om de inte har en specifik regel