添加一些样式并更改悬停时的链接颜色：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 applies to links which have not been visited。如果您还需要匹配访问过的链接，则可以使用更通用的a选择器，或为a:visited添加第二个选择器。