title: Change link color on div hover
body: <p>My problem is that, when I hover over my div, it doesn't change the links color to what I want it to be. It just stays its default black color.</p>
  
  <p>How can I make it so that when I hover over the thumbnail-cointainer div, it changes the color of the link?</p>
  
  <pre><code>&lt;div class="thumbnail-container"&gt;
      &lt;a href=""&gt;Text Here&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>a {
    color: #000000;
    text-decoration: none;
  }
  
  a:hover,
  a:focus {
    color: #005580;
    text-decoration: underline;
  }
  
  .thumbnail-container {
    width: 220px;
    margin-top: 15px;
    margin-right: 20px;
    float: left;
  }
  
  .thumbnail-container:hover {
    color: #0088cc;
  }
  </code></pre>