title: Changing color of text in div on hover? - CSS
body: <p>Basically I have a button which is white but has a purple border and the text is purple and when the user hovers over the image, I want the background-color to be purple and the text to be white. Right now, I can get the background-color to switch from white to purple but I cannot get the text to switch from purple to white. THis is the code that I have at the moment: 
  HTML:</p>
  
  <pre><code>&lt;a href="index.php?page=learnmore"&gt;&lt;div class="learnMore"&gt;&lt;h3&gt;LEARN MORE&lt;/h3&gt;&lt;/div&gt;&lt;/a&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.learnMore {
  
  width:140px;
  height:35px;
  border:1px solid purple;
  margin:0 auto;
  }
  
  .learnMore:hover {
  background-color:purple;
  color:white
  }
  </code></pre>
  
  <p>I have no idea why the color:white will not change the color. Any help is greatly appreciated!</p>