CSS a:link,a:active,a:visited 不适用于我的标签
我的页面中有以下 CSS 规则:
a:link,a:active,a:visited{text-decoration:none;}
由于某种原因它不起作用..如果我想应用此规则,可以在 div 内使用 id="test"
我需要使用这条规则:
#test a:link,#test a:active,#test a:visited{text-decoration:none;}
我不知道为什么......你知道为什么会发生这种情况吗?
I got the following CSS rule in my page:
a:link,a:active,a:visited{text-decoration:none;}
for some reason It doesnt work.. If I want to apply this rule, lets say inside div with id="test"
I need to use this rule:
#test a:link,#test a:active,#test a:visited{text-decoration:none;}
and I have no idea why.. Do you have any clue why this is happening?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
试试这个
Try this
很可能有另一个规则覆盖了链接的样式。理想情况下,使用浏览器的开发人员工具来检查 CSS,这将显示哪些样式覆盖了您的样式,并使您能够调试正在发生的情况。
或者,如果您确实希望所有链接使用
text-decoration: none
,则可以使用!important
标志强制应用样式:There's most likely another rule that is overriding the style for your links. Ideally, use the browser's developer tools to inspect the CSS, that will show you which styles are overriding yours and enable you to debug what's going on.
Alternatively, if you definitely want
text-decoration: none
for all links, you can use the!important
flag to force the styles to apply:因为您的链接规则是在其他地方定义的,您需要指定它们以使其更强大并覆盖您的其他定义。
你必须提供更多的代码(html和css)来定位问题。
Because your link rules are defined somewhere else and you need to specify them to make them stronger and overwrite your other definition.
You have to provide more code (both html & css) to locate the problem.
当我在 jsfiddle 中尝试这个时,一切正常。 http://jsfiddle.net/g6Eqx/1/。你的CSS中还有比这个规则更强的另一个CSS规则吗?
When I try this in jsfiddle it all works correctly. http://jsfiddle.net/g6Eqx/1/. Do you have another css rule which is stronger than this rule in your css?