CSS a:link,a:active,a:visited不适用于我的标签

时间:2011-04-24 11:06:16

标签: css css-selectors anchor

我的页面中有以下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;}

我不明白为什么......你有什么线索为什么会发生这种情况?

4 个答案:

答案 0 :(得分:1)

最有可能的另一条规则是覆盖链接的样式。理想情况下,使用浏览器的开发人员工具来检查CSS,它将显示哪些样式覆盖了您的内容,并使您能够调试正在进行的操作。

或者,如果您确实需要text-decoration: none 所有链接,则可以使用!important标志强制应用样式:

a:link, a:active, a:visited { text-decoration:none!important; }

答案 1 :(得分:1)

试试这个

   a:link,a:active,a:visited{text-decoration:none !important;}

答案 2 :(得分:0)

因为您的链接规则是在其他地方定义的,您需要指定它们以使其更强大并覆盖您的其他定义。

您必须提供更多代码(包括html和css)才能找到问题。

答案 3 :(得分:0)

当我在jsfiddle中尝试这一切时,一切正常。 http://jsfiddle.net/g6Eqx/1/。你的css中还有另一条css规则比这条规则强吗?