Html 仅为一个伪类进行转换？

非常直截了当，我如何将转换仅应用于一个伪类，例如

：active

。 由于两个伪类都更改了相同的属性，因此通过该属性确定目标不起作用，但使用例如

活动

或

：活动

作为选择器会返回错误或不返回任何内容

或

---

将转换添加到：active（或禁用其他类中的转换）@TemaniAfif。我记得我试过。。。谢谢投票结束。

.el {
  background-color: #fff;
  transition: background-color 200ms ease;
  
  &:hover { background-color: darken(#fff, 2.5%); }
  
  &:active { background-color: darken(#fff, 10%); }
}

.el {
  background-color: #fff;
  transition: background-color 100ms ease;
}
.el:hover {
  background-color: #f9f9f9;
}
.el:active {
  background-color: #e6e6e6;
}