的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/