ホバー上のスパンの色を変更してください

Question

ここにこんにちは、ホバーの色を変更する私のコードです。私は1つを除くすべてのオブジェクトの色を変更できます。 - > 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

を参照してくださいあなたの問題を修正したコードは

<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 2

ここでその作業

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

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

Answer 3

#SPAN_3{ color:#000;} 
#LI_2{ color:#000;} 
#LI_2:hover{ color:#ff0;} 
#LI_2:hover{ color:#000;}