css - 添加一些样式并在悬停时更改链接颜色：CSS

Question

我有一个带有一些超链接和 CSS 样式的字段集

.fieldset-start {
styling code here
}

并编写鼠标悬停时的操作代码

.fieldset-start:hover
{
some on-hover styling code
}

我想要做的是更改链接颜色并在悬停时删除下划线。

我目前有

.fieldset-start:hover A:link {
text-decoration:none;
}

但它不起作用。这样做的正确方法是什么？

Answer 1

它应该可以正常工作：http: //jsfiddle.net/2JW32/

CSS

fieldset:hover a {
    text-decoration: none;
    color: red;
}

HTML

<fieldset>
    <div>Hello World</div>
    <a href="http://google.com">Test 1</a>
    <a href="http://google.com">Test 2</a>
</fieldset>

您可能想要检查另一个具有更高特异性的选择器是否不会阻止所需的效果。

还要记住，这:link 适用于尚未访问过的链接。如果您还需要匹配访问过的链接，您可以使用更通用的a选择器，或者为a:visited.