如何使 :active 伪类对子元素无效？

[Twinkle]

现在有这样的结构：

<div class="wrapper">
  <div class="other"></div>
  <div class="link">
    <a href="#">链接1</a>
    <a href="#">链接2</a>
    <a href="#">链接3</a>
  </div>
</div>

.wrapper:active {
  transform: scale(0.9)
}

父元素 .wrapper 点击后能够被正常缩放，但是 .link 下的几个链接也被缩放后移位，会导致无法点中，如何解决这种情况？或者说就是点击链接时不进行缩放？

[baconrad]

@Twinkle
除了 .link 外，所有子元素仍要保持縮放對嗎。。？
那將
.wrapper:active:after
改成
.wrapper:active:after,
.wrapper:active :not(.link)
這樣呢？

[Twinkle]

@sneezry 好的，我试试 shadow >.<

[Twinkle]

@baconrad
抱歉今天才有时间来测试。
加了 .wrapper:active:not(.link) 之后还是会缩放

[sneezry]

@Twinkle 那啥，我再确认下，你是想提现z轴位置变化的效果吧，z轴变化可以从大小上提现，就是你最初的想法，也可以通过阴影距离体现对吧，变化不大的情况下，我们可以忽略大小变化只更改阴影距离的，因为改大小真的很烦~

[Twinkle]

@sneezry 没错就是这样，谢谢嗯 ╮(￣▽￣)╭