div होवर पर स्पैन रंग बदलें

Question

क्षमा करें अगर यह बेवकूफ सवाल है लेकिन मुझे सच में नहीं पता कि समस्या क्या है। मैं div के होवर पर अवधि का रंग बदलने की कोशिश कर रहा हूं लेकिन मेरा कोड काम नहीं कर रहा है।

एचटीएमएल

<div class="slike_i_text"> 


    <a href="#"><div> 
    <img align="left" src="wolf.jpg"/><span>Text 1</span></div></a> 

    <a href="#"><div> 
    <img align="left" src="wolf.jpg"/><span>Text 2</span></div></a> 



</div> 

सीएसएस

.slike_i_text div{ 
    overflow: hidden; 
    width:300px; 
    margin-bottom: 10px; 
    text-decoration: none; 
} 
.slike_i_text div img{ 
    width:80px; 
    height:80px; 
} 
.slike_i_text div span{ 
    color: #6A6A6A; 
font-family: arial; 
font-size: 15px; 
font-weight: bold; 
} 
.slike_i_text a{ 
    text-decoration: none; 
} 
.slike_i_text div:hover .slike_i_text div span{ 
    color:lightgreen; 

} 

तुम मेरे बेला here पा सकते हैं:
यहाँ का उपयोग कर कोड i'am है।

.slike_i_text div:hover span{ 
    color:lightgreen; 
} 

इसके बजाय इस बात का

:

Answer 1

आप इस (Updated Fiddle Example) की कोशिश कर सकते

.slike_i_text div:hover .slike_i_text div span{ 
    color:lightgreen; 
} 

Answer 2

आप .slike_i_text div:hover .slike_i_text div span की तरह जाने के लिए की जरूरत नहीं है के बजाय आप .slike_i_text div:hover span उपयोग करना चाहिए।

बेला here