Изменение цвета для конкретной гиперссылки в html5/CSS

Question

Мне очень жаль, если это базовый материал - я новичок в html и таблицах стилей, и я искал много времени, но до сих пор не нашел ответ на мой вопрос: я пишу одностраничный сайт, где подразделы имеют разные цвета фона, и я указал цвета для a, a.hover и т. д. в моей таблице стилей, например.

a { color: #48A3A6; text-decoration: none;}

Однако для одного из подразделов мне нужна гиперссылкой иметь другой цвет шрифта. Как я могу это достичь? Указание другого цвета текста, похоже, не работает, поскольку это не текст, и я не хочу менять цвет гиперссылки для всей веб-страницы.

Спасибо!

Answer 1

Назначьте класс или идентификатор вашему тегу, а затем введите selector для него в свой css. Вы также можете сделать добиться того, что с встроенным стилем, но это не лучшая практика: класса:

HTML:

<a class="my-class">Link</a> 
<a id="my-id">Link</a> 
<a style="color:#000;">Link</a> 

CSS:

.my-class{ 
    color:#000; 
} 
#my-id{ 
    color:#000; 
} 

будет все достижения того же результат