title: How to make link_to links change color on hover
body: <p>I'm trying to get 3 of my links to change color on hover here is the css that I have</p>
  
  <pre class="lang-css prettyprint-override"><code>a {
    color: #5c8a36;
  }
  
  a:hover {
    text-decoration: none;
    color: #5c8a36;
  }
  
  .home_links:hover,
  .home_links:focus {
    color: #5c8a36;
  }
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;%= link_to "Business Development", business_development_path, :class =&gt; 'home_links', :style =&gt; 'color: white'; %&gt;
  </code></pre>
  
  
  
  <p>For some reason with this setup the link doesn't change on hover. I'm not sure what to do to make it work. Any suggestions are appreciated.</p>
  
  <p>EDIT:
  I want these specific links to appear white and then on the hover change color to the same as the rest of the links.</p>