Question

我的main.css文件中有以下CSS：

background-image:-moz-linear-gradient(top, #eeeeee, #aaaaaa) !important;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#aaaaaa)) !important;
background-image:-webkit-linear-gradient(top, #eeeeee, #aaaaaa) !important;
background-image:-o-linear-gradient(top, #eeeeee, #aaaaaa) !important;
background-image:linear-gradient(to bottom, #eeeeee, #aaaaaa) !important;
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffaaaaaa', GradientType=0) !important;

不断改变自己：

background-image: linear-gradient(to bottom, #eeeeee, #aaaaaa) !important;

为什么会发生这种情况？选择器是.navbar .nav，它也在另一个CSS文件中定义，即Bootstrap CSS文件。可能Visual Studio会自动清理重复的定义吗？

编辑：它会更改每个版本。我无法确定导致其自动更改的操作。

Answer 1

这些是基于浏览器的CSS标签：

这只适用于mozilla：

background-image:-moz-linear-gradient(top, #eeeeee, #aaaaaa) !important;

适用于基于Chrome / Webkit的浏览器：

background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#aaaaaa)) !important;
background-image:-webkit-linear-gradient(top, #eeeeee, #aaaaaa) !important;

实际上，这种跨浏览器技术在CSS3的发布中有所弃用。您需要找到适用于您正在使用的浏览器的相应CSS。

它不会改变＆＃39;就是这样，浏览器忽略了其他CSS。

Answer 2

查看Visual Studio中是否有任何build events 设置。该项目可能已经配置为运行csstidy或css minimizer之类的东西，试图清理重复的属性。

或者，如果你正在使用源代码控制（我希望你是这样），你的源代码控制可能被配置为运行一个提交钩子来做同样的事情。如何配置将取决于您正在使用的源控件。

我不希望这是现代版本的csstidy（或任何其他现代css优化工具）的问题。但是，如果这是您继承的项目，那么很可能它是在不久前使用现在已过时的工具设置的。

CSS文件不断变化

2 个答案: