Question

在我的简单 MVC应用程序中只有一页/Home/Index（现在）我注意到我的一些样式被神秘 {{覆盖了1}}：

type.less screenshot

Chrome说该文件来自

type.less

但我在那里找不到任何东西。

http://localhost:123/Content/less/type.less文件也包含在正确的顺序中，因此css实际上不应该被覆盖：

css load order

我的行动历史：

我在main.css中创建了一个新的MVC项目，并使用nugget-manager更新了所有引用。

然后我改变了以下文件：

（我仅列出与Visual Studio 2013相关的更改，但我还添加了css以及由我撰写的一些自定义knockout文件。

*.js 我添加了BundleConfig.cs：

jquery-ui.min.css

和我的bundles.Add(new StyleBundle("~/Content/css").Include( "~/Content/bootstrap.css", "~/Content/site.css", "~/Content/jquery-ui.min.css"));

main.css

bundles.Add(new StyleBundle("~/Content/Custom").Include( "~/Content/Custom/main.css" )); 来渲染我的新捆绑并排除_Layout.cshtml因为我认为我可能是原因（它没有帮助）：

modernizr

然后我在那里排除了另外三行以使@Styles.Render("~/Content/css") @Styles.Render("~/Content/Custom") @*@Scripts.Render("~/Scripts/modernizr")*@消失（但它也没有用）：

tyle.less

<body> <div class="container center"> @RenderBody() </div> @*@Scripts.Render("~/Scripts/jquery") @Scripts.Render("~/Scripts/bootstrap") @RenderSection("scripts", required: false)*@ </body>仅包含标题和Index.cshtml

html

除此之外，我没有改变任何其他事情。

我只能在@{ ViewBag.Title = "Lorem ipsum"; }文件中找到{{1>}的引用，该文件显然已缩小，并且文件长{{1}身体似乎不存在于任何地方。我不明白为什么要覆盖我的CSS。你知道这可能会导致什么吗？如何禁用它或我的type.less之前加载它以便它不会破坏任何东西？

Answer 1

我发现安装了一些奇怪的bootstrap

默认情况下在新的MVC5项目中

Bootstrap for ASP.NET MVC

造成了所有麻烦。因为我无法找到如何防止它覆盖我的样式，所以我决定将其卸载，最后我恢复了我的样式。

＆＃34; type.less＆＃34;来自，为什么它会覆盖我的一些风格？

1 个答案: