Question

我有点困惑为什么在不同的服务器环境中会发生这种情况。

我在Angular应用程序的style.scss中声明了一个全局css类。此类用于具有数据输入表单的不同页面。

.form-container ) > * { 
      width: 100%: 
      padding : 1.25rem !important 1.25rem; 
 }

如果可以看到，padding的值确实存在问题，其中!important放在最后一个值之前。

下面是在开发工具中检查外观时的样子。

试生产

生产

如您所见，在Pre Production中，这是罢工，这意味着在我使用了该类的网站上未应用填充。但是，在另一个代码段（生产）上，它变成了有效值，但是最后一个值1.25rem被省略了。

我想知道为什么在生产中不抱怨padding的值，而在生产前却抱怨吗？

我怀疑当使用 ng build --prod 捆绑Angular应用程序时可能要做的事情，但并不确定为什么会这样。

TIA！

Answer 1

!important必须始终在定义末尾提及。

以下定义实际上是无效的，因此浏览器会忽略它。

padding : 1.25rem !important 1.25rem;

打包程序/缩小程序检测到!important并将其称为定义的结尾。它按预期工作。

通过删除!important标记之外的所有内容以使定义有效，这样做是对的。