`a：active`继承常规的`a`风格

Question

我试图用一揽子方式覆盖active风格的链接，以便在它们不能与其交互的情况下恢复到它们的正常状态（例如while他们所在的区域正在滚动）。

所以，在我的代码，我有这样的：

.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可能会使您的工作更轻松。