我有一个链接，除了手/指针图标外，我不希望悬停影响该链接。现在，默认情况下，它会更改背景颜色和颜色。
我有一个简单的 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 开发人员检查中没有注意到任何东西。
有人可以帮我让这个链接不显示悬停效果吗？如果我做错了什么，我也会接受建议。谢谢。
最佳答案
只需删除 :hover 之前的空格，如下所示:
a.version:hover
关于css - 如何禁用 :hover affects rails twitter bootstrap，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17766109/