关闭链接悬停

Question

我正在使用 Bootstrap SASS 和 Bootstrap SASS 加载器。

我正在定义一个 _bootstrap-customizations.scss 文件，它允许我覆盖 BS 默认变量而不更改它的核心文件。

核心文件定义了一些a:hover, a:active CSS 声明。

我想为所有 a 元素普遍关闭它没有

• 在每个链接上明确定义

• 按名称间距或其他方式

• 或使用!important

我想完全关闭a:hover效果（from _bootstrap-customizations.scss）。

如果重要的话，我也会使用 BEM 方法来编写我的 SASS 文件

Answer 1

也许您应该在a:hover 和a:active 上继承a 的值：

a:hover,
a:active {
    color: inherit;
}

这样，悬停将具有相同的默认样式。请注意，并非每个选择器都支持 inherit 值。