CSS a:link,a:active,a:visted不适用于我的标签
我在我的页面中获得了以下CSS规则:CSS a:link,a:active,a:visted不适用于我的标签,css,css-selectors,anchor,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;} 我也不知道为什么。。您知道为什么会发生这种情况吗?因为您的链接规则是在其他地方定义的,您需要指定它们以使其更强
a:link,a:active,a:visited{text-decoration:none;}
由于某种原因,它不起作用。。如果我想应用这个规则,让我们假设在div中使用id=“test”
我需要使用这个规则:
#test a:link,#test a:active,#test a:visited{text-decoration:none;}
我也不知道为什么。。您知道为什么会发生这种情况吗?因为您的链接规则是在其他地方定义的,您需要指定它们以使其更强大并覆盖其他定义
您必须提供更多的代码(html和css)来定位问题。当我在JSFIDLE中尝试这一点时,一切都正常。您的css中是否有比此规则更强的css规则?很可能还有另一条规则覆盖了链接的样式。理想情况下,使用浏览器的开发工具检查CSS,这将显示哪些样式覆盖了您的样式,并使您能够调试正在发生的事情 或者,如果您确实想要
所有链接的文本装饰:无
,您可以使用!重要信息
强制应用样式的标志:
a:link, a:active, a:visited { text-decoration:none!important; }
试试这个
a:link,a:active,a:visited{text-decoration:none !important;}
不,在我的css规则中没有比这更强大的了。我补充道!很重要,如1ftw1和Town所说,这很有效。顺便说一句,在我的另一个网站,我得到了同样的规则,它的工作没有的!重要的是,您可以将完整的css/html代码发布到JSFIDLE,以便我们可以查看它。如果!重要的是,你可能在css/HTMLGive中有其他错误,!重要信息
帮助,您几乎可以肯定这里有另一条规则,即设置文本装饰。您可以使用!强制使用此样式很重要,但您需要注意,您不能再覆盖此样式,因此我建议您避免!尽可能重要地看这个问题:@Wessel Kranenborg:公平点,我已经更新了我的答案。然而,我认为在这个例子中,!重要信息
对于OP想要做的事情来说已经足够了-正如公认的答案所示:)您可以使用!强制使用此样式很重要,但您需要注意,您不能再覆盖此样式,因此我建议您避免!尽可能重要,看看这个问题:的确。。。解决简单的问题!重要的是一个坏习惯。是的,我不会告诉任何人使用!如果他们能找到更好的方法,这一点很重要,但有时会很有帮助。你需要记住!重要信息
覆盖CSS的级联;使未来的维护变得更加困难。用大锤敲核桃是不容易的。您的问题是,在某个地方有一个更具体的选择器,针对那些a
元素。使用Firebug或Web Inspector,找出样式的来源和该选择器的地址。