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

【问题标题】：Add some styling and change link color on hover: CSS添加一些样式并在悬停时更改链接颜色：CSS
【发布时间】：2013-04-17 19:29:16
【问题描述】：

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

.fieldset-start {
styling code here
}

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

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

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

我现在有

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

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

【问题讨论】：

【解决方案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 添加第二个选择器。

【讨论】：