当我将鼠标悬停在上方时，如何更改特定链接的文本或背景颜色？

Question

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

Answer 1

例如，您应在组件中添加不同的ID

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

然后通过以下操作更改CSS：

#link1:hover {
   color: red
}

#link2:hover {
   color: green
}

Answer 2

在HTML链接中添加唯一的class或id，然后应用CSS

<ImageAsset Include="Resources\Media.xcassets\LaunchImages.launchimage\Contents.json">
  <Visible>false</Visible>
</ImageAsset>

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

Answer 3

<a id="link" ></a>

#link:hover {
   color: #F48832;
}

Answer 4

尝试一下。...

您应该将自定义css类添加到您的特定链接，并将该css类添加到css下方。

.specific_link:hover{
    color: blue;
}

a:hover{
    color: red;
}

<a class="specific_link">link1</a>
<a>link2</a>
<a >link3</a>