0

我有一种样式，它为导航栏上的链接设置样式，但它为网站中的所有其他链接设置样式，所以我将 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;
}
4

2 回答 2

2

你的选择器错了，改成这个：

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

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

于 2013-08-22T12:27:00.550 回答
1

我认为@Yotam 是对的。

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

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

于 2013-08-22T12:31:01.807 回答