我有一个链接，除了手/指针图标外，我不希望悬停影响。现在，默认情况下，它会更改背景颜色和颜色。
我有一个简单的 rails twitter bootstrap 应用程序，在我的主页#index 页面上有一个链接
<%= link_to(activities_path, class: "version muted pull-right") do %>
<%= APP_VERSION %>
<% end %>
产生以下html
<a href="/activities" class="version muted pull-right">
dd6fe0e
</a>
我试图通过将以下内容放入我的 bootstrap_and_overrides.css.scss 文件来禁用悬停影响。
a.version :hover {
background-color: $bodyBackground;
text-decoration: none;
}
这就是我的 application.css.scss 中的内容：
*= require_self
*= require font-awesome
*= require bootstrap_and_overrides
*= require jquery.Jcrop.min
*= require_tree .
它不会影响任何更改——比如选择器不匹配，但是如果我删除 ":hover" 部分，我确实会在链接上看到更改，所以我不确定为什么悬停不适用。（当我将链接的内容包裹在一个跨度中时，一些更改受到了影响，但它在链接上方和下方显示为黑色，就像存在一些大小差异一样，但我在 Web 开发人员检查中没有注意到任何内容。
有人可以帮我让这个链接显示没有悬停效果吗？如果我做错了什么，我也会接受建议。谢谢。