CSS как перебить основной цвет ссылок?

указать для нужных ссылок класс (допустим text), а далее в CSS нарисовать "a.text {параметры}"

a.link-top-menu {color: #DEE7FF; text-decoration:none; }

a.link-top-menu:link {color: #DEE7FF; text-decoration:none; }

a.link-top-menu:visited {color: #DEE7FF; text-decoration:none; }

a.link-top-menu:hover {color: #DEE7FF; text-decoration:underline;}

<a class=link-top-menu>top link</a>

и еще есть замечательное слово !important, которое нужно вставить после кода цвета перед точкой с запятой

я бы добавил не совсем нужно, но иногда приходится ставить, ибо время от времени некоторые броузеры не совсем понимают, что от них хотят и блоки нахально наследуют свойства родительского контейнера :)

И в продолжение, иногда полезно завернуть блоки текста или чего-то там в див (или другой элемент) и присвоить всем ссылкам внутри них определённые свойства :

<style>

.our_blocks a, .our_blocks a:hover,  .our_blocks a: visited{color: #996666; text-decoration:none; }

.our_blocks a:hover{color: #996666; text-decoration:underline; }

</style>

<div class="our_blocks">



bla-bla-bla. <a href="bla-link">bla</a> bla-bla-bla.

</div>