Css `a:active`inherit regular`a`样式

Css `a:active`inherit regular`a`样式,css,Css,我试图以一种笼统的方式覆盖活动的链接样式,以便在无法与它们交互的情况下(例如,当它们所在的区域正在滚动时)将它们恢复到正常状态 因此,在我的代码中,我有: .scrolling a:active { background-color: inherit !important; color: inherit important!; } 不幸的是,这会使它继承其包含元素所在的任何元素的颜色,而不是不活动时链接的颜色。有没有办法让它们采用常规的锚定标记样式,而不管它们是什么?我希望不必为页面上

我试图以一种笼统的方式覆盖
活动的
链接样式,以便在无法与它们交互的情况下(例如,当它们所在的区域正在滚动时)将它们恢复到正常状态

因此,在我的代码中,我有:

.scrolling a:active {
  background-color: inherit !important;
  color: inherit important!;
}
不幸的是,这会使它继承其包含元素所在的任何元素的颜色,而不是不活动时链接的颜色。有没有办法让它们采用常规的锚定标记样式,而不管它们是什么?我希望不必为页面上可能出现的每种类型的链接创建覆盖

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

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

因为网站上不同的链接使用不同的颜色系统,所以我需要为每种链接类型制定这样的样式规则。(我想我可以这样做,但我很想找到一个可以使用的总括规则,如果它存在的话。)

继承的值从元素的父元素授予值,如果合法的话。如果希望这些值与处于静止状态的链接相同,可以执行以下操作:

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


我看不出有什么办法可以做你想做的事。无法在静止状态下查询锚点的样式值并将其传递到活动状态。如上所述,您必须手动执行此操作,但是更少或更少的SASS可能会使您的工作更轻松。

继承的值从元素的父元素授予值,如果合法的话。如果希望这些值与处于静止状态的链接相同,可以执行以下操作:

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


我看不出有什么办法可以做你想做的事。无法在静止状态下查询锚点的样式值并将其传递到活动状态。如上所述,您必须手动执行此操作,但更少或更少的SASS可能会使您的工作更轻松。

是的,看起来我被预处理器混入卡住了。相当不方便。是的,看起来我被一个预处理器混入卡住了。相当不方便。