HTML中怎么设置个别超链接的字体颜色和鼠标悬浮颜色

Question

如图，第一张图中的“返回首页”和“帮助”我希望原本颜色是灰色，当鼠标悬浮是显示为红色并加下划线。第二张图中的“去登陆”我希望原本颜色为蓝色，鼠标悬浮只加上下划线而颜色不变。第三张图的要求和第二张图一样。第四张图的“去登陆”我希望原本颜色为蓝色，鼠标悬浮显示为红色并加下划线。然后第五张图是我写的css样式。目前我只能实现所有字的颜色为蓝色，鼠标悬浮后为红色。我不知道怎么单独设置我想要的样式

Answer 1

例如要改变demo类的a标签，滑过变红色。
<div class="demo">

<a>实例</a>

</div>
css样式：
.demo a:hover{color:red;}

Answer 2

超链接文字变色
a:hover{
color:#555 /* 颜色 */

font-seze: 14px; /* 字号 */

font-weight: bold: /* 加粗 */

}
图片边框
a img{
border: none; /* 不显示边框 */

}追问

这些我知道啊，我想问的是怎么单独设置个别超链接的样式，你的代码会使所有的超链接样式发生变化

本回答被网友采纳