1

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

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

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

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

澄清：我不能只做这样的事情：

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

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

4

1 回答 1

1

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

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

更新

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

于 2013-08-26T22:30:27.957 回答