我的 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 自动清理了重复定义之类的?
编辑:它每隔几个构建就会改变一次。我无法确定是什么操作导致它自动更改。
最佳答案
那些是基于浏览器的 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。
关于visual-studio - CSS文件不断变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17533854/