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/