Html 使用有符号值更改CSS属性值

我有一个像这样的HTML内容

它的填充物是70。我试图通过使用另一个css规则来减少填充

padding top:-20px！重要信息

我只想做的是，已经存在的属性值70px应该添加额外的规则-20px，因此结果应该是50px

我可以通过做

填充top:50px来实现这一点！重要信息

但我还是想按照我的要求在css中进行数学计算。请帮忙

---

注意：已经存在的值在单独的css规则中，而这个添加的值在单独的规则中。

不幸的是，您不能在css中进行跨类计算

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

calc（）

函数

它允许您执行以下操作：

padding top:calc（10em-60px）

---

只要您没有将其用于

背景位置

；calc应该与IE9向后兼容，并且可以在几乎任何其他浏览器栏Opera Mini上工作。不幸的是，您不能在CSS中进行跨类计算

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

calc（）

函数

它允许您执行以下操作：

padding top:calc（10em-60px）

---

只要您没有将其用于

背景位置

；calc应该与IE9向后兼容，并且可以在几乎任何其他浏览器上使用Opera Mini

您可能需要使用预处理器（SASS/SCSS/LESS）来做您想做的事情（或者像下面的注释-

calc（）

），我建议尝试

calc（）

原生CSS在这方面不是很好。我建议研究CSS预处理器，如LESS或SASSY。你不应该使用否定的

填充

我投票将这个问题作为离题题来结束，因为没有calc方法是无法完成的。你可能需要使用预处理器（SASS/SCSS/LESS）来做你想做的事情（或者像下面的评论-

calc（）

）我建议尝试一下

calc（）

原生CSS在这方面不是很好。我建议研究CSS预处理器，如LESS或SASSY。你不应该使用负数

填充

我投票关闭这个问题，因为没有calc方法是无法完成的。我想用现有的属性值进行计算。有办法吗？用JavaScript是的！JS或注释中建议的，使用预处理器。SASS或更少将允许您定义变量并执行比CSS更复杂的计算。问题是，它不是发送到客户端浏览器的内容。它将根据您编写的内容生成最终的CSS，您将在页面/站点中使用该（生成的CSS）我希望使用现有属性值进行计算。有办法吗？用JavaScript是的！JS或注释中建议的，使用预处理器。SASS或更少将允许您定义变量并执行比CSS更复杂的计算。问题是，它不是发送到客户端浏览器的内容。它将根据您编写的内容生成最终的CSS，您将在页面/站点中使用该（生成的CSS）