带有：悬停和跨距的HTML/CSS问题

有什么办法可以让它工作吗

我有一段代码：

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

我的问题如下：

我希望标题是白色和粗体，主体是灰色的，但是当你在任何部分上悬停时，我希望标题和文本变成黄色。但是，在上述场景中，只有文本变为黄色，因为跨度颜色（白色）覆盖了a:悬停

如果我加上：

.title:hover {color:#FF0;}

然后，仅当我将鼠标悬停在标题上时，标题颜色才会更改。它也不会将文本更改为黄色，因为它现在是一个跨度悬停

我有没有办法解决这个问题，即使它需要一点JS

谢谢

你试过了吗

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

---

将最后一行更改为：

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

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