Можно ли назначить тегу раздельный класс, например цвета при наведении?

Question

[VadimM77]

Всем доброго времени суток! Уважаемые гуру кодинга! Вопрос такой, а возможно ли назначить тегу <a> отдельно оформление стилей.
Пример: В разных частях сайта расположены быстрые ссылки в тегах "<a> </a>", и при наведении на любую из них, ссылка меняет цвет по умолчанию на белый, так как в файле css задан стиль hover тегу "<a> по умолчанию "белый". А мне необходимо сделать, что бы в одной части сайта ссылка была белый, а в другой части сайта, допустим красной. Возможно ли как то сделать такое разделение?
Заранее всем участникам спасибо за расширения моего кругозора в нашей любимой теме! Спасибо!

Answer 1

[Павел Антонов]

.class{
   //стили класса
}
.class:hover{
   //стили класса при наведении
}

Comments

[VadimM77]

В стилях, уже есть это:
a:not(.btn) {
color: #fff;
}
a:not(.btn):hover {
color: #ffa45d;
}

А мне нужно, что бы при наведении на разные ссылки, подсвечивание происходило разными цветами...

[Павел Антонов]

ну так и делайте, в чем проблема то у вас

[leni_m]

VadimM77,

<a href="..." class="link1"></a>
<a href="..." class="link2"></a>
<a href="..." class="link3"></a>

css

.link1:hover {
   color: red;
}
.link2:hover {
   color: green;
}
.link3:hover {
   color: blue;
}

[VadimM77]

Плохо быть тупым... Но у меня получилось! =) Спасибо За помощь коллега!))) Удачи Вам!

[VadimM77]

leni_m, Только нужно было в классах вот так писать:

A.link1:hover {
color: red;
}
A.link2:hover {
color: green;
}
A.link3:hover {
color: blue;
}

Иначе сам ТЕКСТ ссылки не меняет цвет при наведении

[leni_m]

VadimM77, https://codepen.io/anon/pen/jaeEqR
всё меняет

Answer 2

[leni_m]

вы свой вопрос читали?