html - 可能是一个相当简单的 CSS 问题

Question

我有这个 CSS 规则来获得按下链接的“下推”效果:

a:active {
    position: relative;
    top: 1px;
}

现在这按预期工作了，但是我想写一个规则在链接图像上禁用它，就像这个:

<a href="#"><img src="..." /></a>

这可能吗？

谢谢。

Answer 1

你可以逆转对 child 的影响:

a:active img {
    position: relative;
    top: -1px;
}