html - 如何使 link_to 链接在悬停时改变颜色

Question

我正在尝试让我的 3 个链接在悬停时更改颜色这里是我拥有的 CSS

a {
  color: #5c8a36;
}

a:hover {
  text-decoration: none;
  color: #5c8a36;
}

.home_links:hover,
.home_links:focus {
  color: #5c8a36;
}

<%= link_to "Business Development", business_development_path, :class => 'home_links', :style => 'color: white'; %>

出于某种原因，此设置的链接不会在悬停时发生变化。我不确定该怎么做才能让它发挥作用。任何建议表示赞赏。

编辑:我希望这些特定链接显示为白色，然后在悬停时将颜色更改为与其余链接相同的颜色。

Answer 1

用这个对你有用

 <%= link_to "Business Development", business_development_path, :class => 'home_links', :style => 'color: white'; %>



  <style type="text/css">
         .home_links:hover{
           color:#57a22b!important;
         }
     </style>