title: Change span color on div hover
body: <p>Sorry if this is stupid question but i really don't know what problem is.I am trying to change color of span on div's hover but my code doesn't seems to work.<br>
  Here is code i'am using:  </p>
  
  <p><strong>HTML</strong>  </p>
  
  <pre><code>&lt;div class="slike_i_text"&gt;
  
  
      &lt;a href="#"&gt;&lt;div&gt;
      &lt;img align="left" src="wolf.jpg"/&gt;&lt;span&gt;Text 1&lt;/span&gt;&lt;/div&gt;&lt;/a&gt;
  
      &lt;a href="#"&gt;&lt;div&gt;
      &lt;img align="left" src="wolf.jpg"/&gt;&lt;span&gt;Text 2&lt;/span&gt;&lt;/div&gt;&lt;/a&gt;
  
  
  
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong>  </p>
  
  <pre><code>.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;
  
  }
  </code></pre>
  
  <p>You can find my fiddle <strong><a href="http://jsfiddle.net/Ur6fq/" rel="noreferrer">here</a></strong>.</p>