CSS文件不斷變化

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。

它並沒有“改變”，瀏覽器忽略了其他CSS。

Answer 2

看看Visual Studio中是否有任何構建事件設置。 項目可能已經配置為運行csstidy或css minimizer之類的東西，試圖清理重復的屬性。

或者，如果你正在使用源代碼控制（我希望你是這樣），你的源代碼控制可能被配置為運行一個提交鈎子來做同樣的事情。 如何配置將取決於您正在使用的源控件。

我不希望這是一個現代版本的csstidy（或任何其他現代css優化工具）的問題。 但是，如果這是您繼承的項目，那么很可能它是在不久前使用現在已過時的工具設置的。