的CSS嵌套和懸停

Question

我有以下HTML

<li> 
    <div> 
     <div> 
      .. 
      ... 
      <span class="A">text</span> 
     </div> 
    </div> 
</li> 

如何更改文本的顏色，當我將鼠標懸停在使用CSS li元素？

Answer 1

試試這個：

li:hover span.A { 
    color: red; 
} 

Example

Answer 2

這應該做的伎倆：

li:hover span.A { 
    color: red; 
} 

Answer 3

像這樣：

li:hover .A 
{ 
    color: red; 
} 

如這裏顯示： http://jsfiddle.net/rZCwr/