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;}