在悬停时更改跨度的颜色

Question

大家好，这是我在悬停时改变颜色的代码。我可以改变除一个之外的每个对象的颜色。 - ＆GT; SPAN_3

<li id="LI_2">
      <span id="SPAN_3"></span> <fade>example text</fade>
</li>


    .price-box:hover fade {
       color: #fff;

    }
    **.price-box:hover span {
       color: #ffffff !important;
    }**

我无法改变跨度的颜色。我怎样才能解决这个问题 ？我在网上搜索但找不到解决方案。

Answer 1

查看其工作

＆＃13;

＆＃13;

li span{
  color:red;
}
li:hover span{
  color:black
}

＆＃13;

<li id="LI_2">
      <span id="SPAN_3">text for color change</span> <fade>example text</fade>
</li>

＆＃13;

＆＃13;

＆＃13;

Answer 2

以下是您的问题修正代码

<li id="LI_2">
      <span id="SPAN_3"><fade>example text</fade></span> 
</li>


#SPAN_3:hover{color:red;}
#SPAN_3{color:#000;}
    .price-box:hover fade {
       color: #fff;

    }
    **.price-box:hover span {
       color: #ffffff !important;
    }**

Answer 3

{{1}}