CSS嵌套和悬停[关闭]

【问题标题】：Css nesting and hover [closed]CSS嵌套和悬停[关闭]
【发布时间】：2013-02-28 05:52:38
【问题描述】：

我有以下 HTML

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

当我使用 CSS 将鼠标悬停在 li 元素上时，如何更改文本的颜色？

【问题讨论】：

【解决方案1】：

试试这个：

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

【讨论】：

【解决方案2】：

像这样：

li:hover .A
{
    color: red;
}

【讨论】：

【解决方案3】：

这应该可以解决问题：

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

【讨论】：