`a：active`继承常规`a`样式

Question

我试图以一种笼罩的方式覆盖active样式的链接，以便在它们无法与之交互的情况下将它们恢复到正常状态（例如，当它们所在的区域是滚动）。

所以，在我的代码中，我有这个：

.scrolling a:active {
  background-color: inherit !important;
  color: inherit important!;
}

不幸的是，这使得它继承了其包含元素所在的颜色，而不是未激活时链接的颜色。有没有办法让这些采用常规锚标签样式，无论它们是什么？我不希望为页面上出现的每种类型的链接创建覆盖。

澄清：我不能只做以下事情：

a, .scrolling a:active {
  color: red;
  background-color: white;
}

因为网站上的不同链接使用不同的着色系统，所以我需要为每种链接类型使用这样的样式规则。 （我想我可以这样做，但是我很乐意找到一条我可以使用的一揽子规则，如果它在那里的话。）

Answer 1

inherit的值赋予元素父级的值，合法的。如果您希望这些值与其静止状态下的链接相同，您可以这样做：

.scrolling a:active, .scrolling a {
  background-color: #fff;
  color: #000;
}

<强>更新

我没有办法做你想做的事。无法在静止状态下询问锚的样式值并将其传递给活动状态。如上所述，您必须手动执行此操作，但是LESS或SASS可能会使您的工作更轻松。