CSS不影响链接

Question

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

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

感谢任何帮助。

Here's my code

Answer 1

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

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

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

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

Answer 2

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

Answer 3

尝试这个后代选择器：

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

}

这是你要找的吗？

Answer 4

试试这个

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

Answer 5

您始终可以使用！important 功能。例如：

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