相对修改一个属性的值

Question

在某些情况下，我想将某个边距的大小减少 25%。我可以通过查看它的基值并手动输入该值的 75% 来做到这一点。但是，边距的基本大小会根据客户端屏幕分辨率而变化。

因此我想将已经定义的边距值降低 25%。如果要在 Python 编程中做类似的事情，那么等价物将是：

margin = some_base_value
...
margin = 0.75*margin

我可以在 CSS 中执行此操作吗？如果可以，怎么做？

Answer 1

我建议您使用 Sass 或 LESS ，所以你可以使用变量。

示例：(Sass (SCSS))

$margin: 10px;

#element {
    margin: $margin*.75;
}

.. 如果你不想使用任何 css 预处理器，你可以使用 css variables with calc function.

Relatively modify a property's value