使用签名值更改CSS属性值

Question

我有这样的HTML内容。

它的填充为70.我试图通过添加使用另一个css规则来减少填充

padding-top: -20px !important

我想要做的就是，已经存在的属性值70px应该与附加规则-20px一起添加，因此结果应该是50px。

我可以通过padding-top: 50px !important

来实现这一目标

但是我仍然希望在css中进行这种数学计算。请帮忙。

注意：已存在的值位于单独的css规则中，此添加的值位于单独的规则中。

Answer 1

不幸的是，你不能在CSS中进行跨类计算

如果您想进行任何类型的数学计算，请查看calc()函数

它允许您执行以下操作：padding-top: calc(10em - 60px)

只要你不在background-position使用它; calc应该向后兼容IE9，几乎可以在任何其他浏览器栏中使用Opera Mini