Разные стили для разных ссылок (с атрибутами hover, visited и т.д.)

[Boron]

Обычно я стили оформляю так:

html:

<p class='heading'>xxx</p>
<p class='content'>xxx</p>

css:

p.heading {xxx: xxx}
p.content {xxx: xxx}

А как оформить разные стили для:

<a class='main_link'>xxx</p>
<a class='sub_link'>xxx</p>

?

Просто a - всё ок, но а если с hover, visited?

Пробовал следующие варианты:

a.main_link:hover
a:hover.main_link

[Justnewone]

<a class='sub_link'>xxx</p>... очень надеюсь имелось ввиду <a class='sub_link'>xxx</a>

Предположу, что у Вас Выше где-то фонит стиль для A с более сильным селектором.

a.sub_link{xxx: xxx}

сразу после те же самые свойства переназначить для hover

a.sub_link:hover{xxx: xxx}

Если в A все применится - ховер точно отработает.

[Boron]

очень надеюсь имелось ввиду <a class='sub_link'>xxx</a>

Да, конечно. Просто невнимательно скопипастил и отредактировал

И действительно работает... Я просто опять же очепятался в оригинальном коде: надо было <a class='sub_link'>, а написал <a style='sub_link'>

Прошу прощения за невнимательность, что-то я сегодня вообще не то в коде пишу.