为什么gulp重写我对CSS所做的更改？

Question

我正在使用PHP / Angular应用程序，并且希望减小其中一页显示的表中的列宽。

如果我在浏览器中检查表，则可以使用开发者控制台的“样式”标签中CSS的width属性来更改列的宽度，并查看已适当调整的列宽。在Atom（我用来开发应用程序的IDE）中，我打开了定义样式的文件（dashboard-rem.css），并对相关值进行了更改：

#fixPayerName {
    width: 24%;
}

#reduceWidthfirst {
    #width: 7.3%;
}

#reduceWidth-second {
    #width: 8%;
}

然后，我停止了我的应用程序的运行，并使用以下路径中的命令gulp和gulp pxtorem重新编译CSS：这就是我总是在需要重新编译时随时重新编译CSS的方式

但是，当我再次使用命令gulp copy:angular和ng build --watch --sourcemaps=false启动我的应用程序，并在浏览器中查看页面时，表列的宽度全部显示为与更改前完全相同的值，重新编译CSS。当再次查看我的IDE窗口（我还没有完全关闭）时，我还注意到，我刚刚更改的CSS文件中的值已恢复为原始值。

我再次更改了它们，然后在重新编译时查看了IDE窗口-正是在我运行第一个gulp命令的那一刻，CSS变量恢复了原始值。

为什么会这样？如何使gulp保持在CSS中设置的新值？