A.sub_links - hvad er der galt

Jeg kunne ikke finde en kategori om CSS så jeg håber der er nogle her der kan hjælpe !

I mit stylesheet står det:
A{
color: #000000;
font-size: 12px;
text-decoration: none;
letter-spacing: 3;
line-height: 1.8;
}
A:visited{
color: #000000;
font-size: 12px;
text-decoration: none;

}
A:active{
color: #000000;
font-size: 12px;
text-decoration: none;

}
A:hover{
color: #666666;
font-size: 12px;
text-decoration: underline;
}
A.sub_links{
color: #000000;
font-size: 8px;
text-decoration: none;
}

I mit html doc står der:
<a href="#1.1" class="sub_links">
1.1 Problemformulering</a> |
<a href="#1.2" class="sub_links">
1.2 Afgrænsning</a> |
<a href="#1.3" class="sub_links">
1.3 Opgavens opbygning og metodiske overvejelser</a>

HVORFOR VIRKER DET IKKE  - ARRRRGGG !??? (altså links med class="sub_links" skulle gerne blive 8px, men det gør de bare IKKE !