CSS嵌套和悬停[关闭]

Posted 2023-03-06

技术标签:

【中文标题】CSS嵌套和悬停[关闭]【英文标题】：Css nesting and hover [closed] 【发布时间】：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;

Example

【讨论】：

@Adrift 那是错字:)【参考方案2】：

像这样：

li:hover .A

    color: red;

如图所示： http://jsfiddle.net/rZCwr/

【讨论】：

【参考方案3】：

这应该可以解决问题：

li:hover span.A 
    color: red;

【讨论】：

以上是关于CSS嵌套和悬停[关闭]的主要内容，如果未能解决你的问题，请参考以下文章