不应该的样式样式链接答案

【问题标题】：Style styling links that it shouldn't be不应该的样式样式链接
【发布时间】：2013-08-22 12:26:10
【问题描述】：

我有一个样式，用于设置导航栏上的链接样式，但它设置了网站中所有其他链接的样式，因此我将 div“菜单栏”定义为链接前面的选择器并访问了选择器，但它仍然设置所有样式网站中的链接。任何解决方案将不胜感激。

CSS：

#menubar a:link, a:visited
{
    border-top-width: 1px;
    display: block;
    font-weight: bold;
    color: #000000;
    background-color: #EFF1EB;
    width: 180px;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    text-transform: uppercase;
    border-style: solid;
    border-color: #638529;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px;
    position: fixed;
}

【问题讨论】：

标签： html css hyperlink stylesheet

【解决方案1】：

你的选择器错了，换这个：

#menubar a:link, #menubar a:visited /* width #menubar after the comma */

您的初始选择器#menubar a:link, a:visited 表示：“#menubar 中的所有链接以及整个文档中所有访问过的链接”。逗号开始一个全新的选择器，因此您必须在第二个选择器中也包含父级。

【讨论】：

@Rob 很高兴能帮助队友:)

【解决方案2】：

我认为@Yotam 是对的。

另一个如何调试的想法。我在 Firefox 中使用 Web 开发工具栏。它有很多工具，一个是检查页面。使用一个来查看样式（我喜欢 3D 视图），在那里您可以按下 html 元素，在您的情况下是链接。在页面旁边，它列出了样式表定义。顺序显示什么是活动样式。顶部处于活动状态，其他所有内容都较低并被覆盖。

在这种情况下，您可能会看到，您的按钮是否具有您想要的正确定义。

【讨论】：