Html 仅为特定类更改链接样式
我想更改某些链接的链接样式,如下所示:Html 仅为特定类更改链接样式,html,css,Html,Css,我想更改某些链接的链接样式,如下所示: 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:
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;
}
意思是“这仅适用于带有
的链接”但它不起作用
如何仅为某些链接设置样式,这些链接是由其容器的
类或id
定义的?我认为您可能希望在此处使用“color”属性而不是“background color”
如果您真的想更改背景色,请记住链接以内联方式显示,并且周围没有一个大的、舒适的矩形,因此根据容器的背景色,它可能不明显。(可能不是这样,但我把它扔了,以防你的链接太小。)
最后,由于蓝色接近默认链接颜色,请考虑用异色(如红色)进行测试,以查看问题是否在CSS或您的颜色选择中。p> 您测试的链接可能是已访问的链接。
我更喜欢:
#navbar a:hover,
#navbar a:visited
{
background-color: #3366FF;
}
在我看来,这没问题,罗布斯托在使用的颜色上有一个有效的点
另一种方法是为链接提供自己的类,例如:
CSS
a.navlink:visited
a.navlink:hover
{
background-color: #3366FF;
}
HTML
<a href="index.html" class="navlink">Home</a>
这是完全正确的,但具体性(规则凌驾于规则之上)往往存在问题。您能显示有问题的HTML吗?您的第二个选择器没有问题,它应该可以工作。使用Firebug可以查看其他选择器对链接应用的背景色。没错,指定悬停和同时访问的行为似乎很重要。否则就不行了。