Ändern Spannweite Farbe auf div Hover

Question

Sorry, wenn das ist blöde Frage, aber ich weiß wirklich nicht, welches Problem is.Ich versuche, die Farbe der Spannweite auf Div Hover ändern, aber mein Code scheint nicht zu funktionieren.
Hier Code i'am mit:

HTML

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

CSS

.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; 

} 

Sie können meine Geige here finden.

Answer 1

Sie können diese (Updated Fiddle Example) versuchen:

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

Statt dessen:

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

Answer 2

Sie müssen nicht gehen wie .slike_i_text div:hover .slike_i_text div span stattdessen sollten Sie .slike_i_text div:hover span verwenden.

Geige here