CSS - 不需要的边框底部

Question

在完成转换项目之前，只需做一点修饰，我就会有一个不需要的边框底部需要删除。

基本代码是：

a:link, a:visited   { color: #000000; text-decoration: none; border-bottom: 1px dotted #c6132e; }

但是，我不希望它出现在所有链接上，尤其是主导航。当您点击其中的任何链接时，它会显示出来。

在CSS的第56行，我放置了这个代码来删除边框底部，但它似乎没有工作：

ul#main_nav li a:link,
ul#main_nav li a:visited
ul#main_nav li a:hover,
ul#main_nav li a:active     { border-bottom: none; }

非常感谢第二眼看到这一点并帮助我找到解决方案。

谢谢！

顺便说一句：这是链接：http://www.rouviere.com/aav/index.html只需点击任何主导航按钮。

Answer 1

你错过了一个逗号。应该是：

ul#main_nav li a:link,
ul#main_nav li a:visited,
ul#main_nav li a:hover,
ul#main_nav li a:active     { border-bottom: none; }

您的规则不适用于访问过的链接。

Answer 2

您是否尝试过使用！important重复删除？可能是你的新风格在某处被覆盖了。

ul#main_nav li a:link,
ul#main_nav li a:visited,
ul#main_nav li a:hover,
ul#main_nav li a:active     { border-bottom: none !important; }

另外，正如@iamtooamazing所说，你在访问过期后错过了一个逗号。

Answer 3

正如蒂姆塞尔所说，这是你的焦点大纲......虽然不建议你这样做，但你可以添加它来摆脱它：

ul#main_nav li a { outline-color: transparent; }