在hover:CSS上添加一些样式并更改链接颜色
我有一个带有超链接和CSS样式的字段集在hover:CSS上添加一些样式并更改链接颜色,css,hyperlink,hover,Css,Hyperlink,Hover,我有一个带有超链接和CSS样式的字段集 .fieldset-start { styling code here } 并编写鼠标悬停时的操作代码 .fieldset-start:hover { some on-hover styling code } 我想做的是改变链接的颜色和删除鼠标悬停时的下划线 我现在有 .fieldset-start:hover A:link { text-decoration:none; } 但它不起作用。正确的方法是什么?它应该可以正常工作: CSS fields
.fieldset-start {
styling code here
}
并编写鼠标悬停时的操作代码
.fieldset-start:hover
{
some on-hover styling code
}
我想做的是改变链接的颜色和删除鼠标悬停时的下划线
我现在有
.fieldset-start:hover A:link {
text-decoration:none;
}
但它不起作用。正确的方法是什么?它应该可以正常工作:
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:visted
添加第二个选择器。请发布完整的代码示例,包括您的HTML示例。一个jsFiddle.net示例总是很有用的。解决方案是change.fieldset start:hover a:link to.fieldset start:hover a。就这么简单。