html - 悬停时如何更改特定链接的文本或背景颜色？

Question

我的 html 中有 3 个不同的链接，当我将鼠标悬停在上面时，我只想更改一个特定链接的文本颜色。问题是当我应用 css 时，它会改变所有链接的颜色。请帮忙！

标签： htmlcss

Answer 1

例如，您应该为组件添加不同的 id

<a id="link1"></a>
<a id="link2"></a>

然后通过这样做在你的css更改中：

#link1:hover {
   color: red
}

#link2:hover {
   color: green
}