带有a：hover和spans的HTML / CSS问题

Question

我能用这种方式工作吗？

我有一段代码：

<p><a href="http://foo.com"><span class="title">Title</span><br /><br />
Some text no greater than a couple of lines...</a></p>

我的风格是：

p {color:#FFF;}
a {color:#999;}
.title {color:#FFF; font-weight:bold;}
a:hover {color:#FF0;}

我的问题如下：

我希望标题是白色和粗体，身体是灰色的，但当你将鼠标悬停在任何部分上时，我希望标题和文字变为黄色。但是，在上面的场景中，只有文本变为黄色，因为跨度颜色（白色）会覆盖a：hover。

如果我添加：

.title:hover {color:#FF0;}

然后标题颜色只有在我专门悬停在标题上时才会改变。它也不会将文本更改为黄色，因为它现在是跨度悬停...

我可以解决这个问题，即使它需要一点JS吗？

谢谢！

Answer 1

将最后一行更改为：

a:hover, a:hover .title {color:#FF0;}

Answer 2

你试过吗

a:hover .title {color:#FF0;}