html - 更改链接样式，仅针对某个类

Question

我想更改一些链接的链接样式，如下所示:

a:hover
{
    /* These links will be blue when hovered-over */
    background-color: #3366FF;
}

但是，我只希望它在我的导航栏中生效，而不是在常规链接中生效。

我试过这方面的变体:

#navbar a:hover
{
    /* These links will be blue when hovered-over */
    background-color: #3366FF;
}

具有预期含义“这仅适用于带有 <div id="navbar"> 的链接”
但它没有用。

我如何才能只为某些链接设置样式，由 class 定义或 id他们的容器？

Answer 1

我觉得没问题，Robusto 使用的颜色有一个有效点。

另一种方法是给链接一个自己的类，例如:

CSS

a.navlink:visited 
a.navlink:hover
{
    background-color: #3366FF; 
}

HTML

<a href="index.html" class="navlink">Home</a>