更改html5 / CSS中特定超链接的颜色

Question

我真的很抱歉，如果这是基本的东西 - 我是html和样式表的新手，我已经google了一段时间，但到目前为止还没有找到我的问题的答案：我正在写一个单页网站，其中的小节有不同的背景颜色，我在样式表中指定了a，a.hover等的颜色，例如。

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

但是对于其中一个小节，我需要我的超链接具有不同的字体颜色。我怎样才能做到这一点？指定不同的文本颜色似乎不起作用，因为它不是文本，我不想更改整个网页的超链接颜色。

谢谢！

Answer 1

为您的代码分配一个类或ID，而不是在您的css中为它添加selector。您也可以使用内联样式实现此目的，但这不是最佳实践： 类：

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;
}

都会达到相同的效果