CSS - vil ikke makke helt ret :)

Jeg har en css fil der ser således ud:

.brod {
    font-family: Verdana, Arial;
    font-size: 7pt;
    color: Black;
}
a:active {
    font-weight: normal;
    text-decoration: none;
    color: Black;
}
a:hover {
    font-weight: normal;
    text-decoration: none ;
    color: Black;
}
a:link {
    font-weight: normal;
    text-decoration: underline;
    color : Black;
}
a:visited {
    font-weight: normal;
    color: Black;
}
.headline {
    font-family: Verdana, Arial;
    font-size: 7pt;
    text-decoration: none;
    color: Black;
    font-weight : normal;
    font-style : normal;
    letter-spacing : 2px;
}
.dato {
    font-family: Verdana, Arial;
    font-size: 7pt;
    text-decoration: none;
    color: white;
    font-weight : normal;
    font-style : normal;
}


Hvordan laver jeg sådan at min class \"dato\" ikke bruger de funktioner der er lavet ved \"a:link a:active\" etc.

Den skal nemlig være hvid og ikke sort som class\'en \"Brod\"