要保留其他链接的相同悬停效果,同时移除一个链接的CSS悬停效果,可以使用CSS伪类选择器:not()
来排除需要移除悬停效果的链接。以下是一个示例代码:
HTML代码:
Link 1
Link 2
Link 3
Link 4
CSS代码:
.link {
color: blue;
text-decoration: none;
}
.link:hover:not(.no-hover) {
color: red;
text-decoration: underline;
}
在上面的示例中,我们给所有链接的class添加了link
。然后,我们给所有链接设置了蓝色的颜色和无下划线的文本装饰。
使用:hover:not(.no-hover)
选择器,我们指定了鼠标悬停在链接上时的样式,但是排除了带有no-hover
类的链接。对于这些链接,悬停效果将被移除。
在上面的HTML代码中,我们给第三个链接添加了no-hover
类,这样它就不会有悬停效果,而其他链接仍将具有悬停效果。
这样,其他链接将保持相同的悬停效果,而第三个链接将没有悬停效果。