【问题标题】：How can I calculate a hover state change based on the original state values?如何根据原始状态值计算悬停状态变化？
【发布时间】：2022-02-10 13:00:08
【问题描述】：

仅使用 CSS 可能无法做到这一点，但让我们试一试吧。

例如：我的图片有一定的边距。让我们这样说：

img {
margin-left: 1em;
}

我想做的，（我会用伪代码写）是这样的：

img:hover {
margin-left: [take original non-hover state margin, then -1 from that to make 0]
}

如果可能的话，希望我在这里说得通 - 我真的试图简化这个例子。

【问题讨论】：

【解决方案1】：

img {
margin-left: 1em;
}
img:hover {
margin-right: 1em;// for minus 1
}

你可以使用`margin-right`进行减法

P.S 记得你小时候学到的关于净力

【讨论】：

你可以使用margin-right进行减法