CSS: Разделить действие hover

Как средствами CSS сделать, чтобы на одной странице для одной группы линков при наведении на них курсором их цвет менялся на #1, для другой группы - на #2.

определить для каждой группы класс и цвет линков внутри него

как?
приведи примерный код

Код:

.link1 {...} .link1 a:link {...} .link1 a:visited {...} .link1 a:hover {...} .link1 a:active {...} .link2 {...} .link2 a:link {...} .link2 a:visited {...} .link2 a:hover {...} .link2 a:active {...}

+ потом сделать


<span class="link1">ссылки</span>
<span class="link2">ссылки</span>

leetdesign писал:

+ потом сделать <span class="link1">ссылки</span> <span class="link2">ссылки</span>

Может так?

<a class="link1">ссылки</a>
<a class="link2">ссылки</a>

Можно и так и так... и хоть в к таблице этот класс присобачить