klasser og overskrivelse

hvorfor kan følgende farve i a ikke overskrive den eksisterende fra .headline? mit link bliver mørkt hvor det skulle være rødt

<a href="link" class="headline">link</a>

.headline {
    color:#111111;
    font-weight:bold;
    font-size:14px;
}

a {
    color:#ff0000;
}