Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/codeigniter/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 仅为特定类更改链接样式_Html_Css - Fatal编程技术网

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可以查看其他选择器对链接应用的背景色。没错,指定悬停和同时访问的行为似乎很重要。否则就不行了。