CSS不影响链接

时间:2010-12-30 16:06:42

标签: html css

我的布局使用带有两行文字的导航。这些是使用span确定的。第一个范围是响应CSS中的更改,特别是:hover,但较小的文本没有响应。

我只是想在悬停时改变较小文本的颜色,并了解我没做什么或做错了什么。

感谢任何帮助。

Here's my code

5 个答案:

答案 0 :(得分:3)

您的问题有一个非常微妙的解决方案。你现在有:

#navigation .pagetitle a:hover{
    font-size: 15px;
    color: orange;
}

但这将是锚点是跨度的孩子的地方。实际上是另一种方式...

#navigation a:hover .pagetitle{
    font-size: 15px;
    color: orange;
}

答案 1 :(得分:0)

你应该将:hover应用于a标签,它应该应用于span标签。像这样: #navigation .pagetitle:hover

答案 2 :(得分:0)

尝试这个后代选择器:

#navigation.pagetitle {
font-size: 15px;
color: #999;

}

这是你要找的吗?

答案 3 :(得分:0)

试试这个

#navigation a:hover span{
    color: #ec0181;
    background-color: #333;    
}

答案 4 :(得分:0)

您始终可以使用!important 功能。例如:

#navigation .pagetitle a:hover{
    font-size: 15px;
    color: orange !important;
}