HTML中,在同一网页如何设置两种不同的鼠标悬停的样式?

发布网友 发布时间：2022-04-23 10:13

我来回答

共3个回答

热心网友 时间：2022-04-20 16:38

<style>
a.c:hover{color:red;text-decoration: underline}
a.d:hover{color:yellow;text-decoration: underline}
</style>
<a class="c" href="xxx">a</a>
<a class="d" href="xxx">b</a>

热心网友 时间：2022-04-20 17:56

利用css过滤器来定位元素.
可以设id,class.
也可以通过父元素定位.
a:hover{
}
div a:hover
{
}
#link3:hover
{
}

.link4:hover
{
}
<a href=''>link1</a>
<div><a href=''>link2</a></div>
<a id="link3" href=''>link3</a>
<a class="link4" href=''>link4</a>
这样可以定义四个不同的a:hover
关键词:css 过滤器 深入学习就去搜一下这个

热心网友 时间：2022-04-20 19:31

.nav:link{ //链接
color: #000000;
text-decoration: none;
}
.nav:visited{ //访问
color: #000000;
text-decoration: none;
}
.nav:hover{ //悬浮点击的颜色
color: red;
text-decoration: none;
}
.nav:active{ //激活以后的颜色
color: #000000;
text-decoration: none;
}