4

我的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 会自动清理重复的定义之类的？

编辑：每隔几个版本就会更改一次。我无法确定是什么动作导致它自动改变。

4

2 回答 2

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。

这不是“改变”，浏览器忽略了其他 CSS。

于 2013-07-16T07:12:46.390 回答
0

看看 Visual Studio 中是否有任何构建事件设置。项目可能已配置为运行类似 csstidy 或试图清理重复属性的 css 最小化程序。

或者，如果您正在使用源代码管理（我希望您是这样），您的源代码管理可能会配置为运行执行相同操作的提交挂钩。如何配置将取决于您使用的源代码管理。

我不认为这会成为现代版本的 csstidy （或任何其他现代 css 优化工具）的问题。但是，如果这是您继承的项目，则可能是前一段时间使用现在已过时的工具设置的。

于 2013-07-10T20:10:25.930 回答