"type.less" 是从哪里来的,为什么它会覆盖我的一些样式?
Where does the "type.less" come from and why does it overwrite some of my styles?
在我的 简单 只有一页的 MVC 应用程序中 /Home/Index
(目前)我注意到我的一些样式被 神秘 type.less
:
Chrome 表示文件来自
http://localhost:123/Content/less/type.less
但我在那里找不到任何东西。
css
文件也以正确的顺序包含,因此 main.css
实际上不应被覆盖:
我的行为历史:
我在 Visual Studio 2013
中创建了一个新的 MVC
项目,并使用 nugget-manager.
更新了所有引用
然后我更改了以下文件:
(我只列出了与 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";
}
除此之外我没有改变其他任何东西。
我只能在 bootstrap.css.map
文件中找到对 type.less
的 引用,该文件显然已缩小,并且有一长串不同的样式,但是文件 type.less
实际上似乎不存在于任何地方。我不明白为什么它要覆盖我的 css。你知道什么可能导致这个以及如何禁用它或加载它before我的css
这样它就不会破坏任何东西?
我发现安装了一些奇怪的bootstrap
by default in new MVC5 projects
造成了所有这些麻烦。因为我找不到如何防止它覆盖我的样式,所以我决定卸载它,最后我的样式又回来了。
在我的 简单 只有一页的 MVC 应用程序中 /Home/Index
(目前)我注意到我的一些样式被 神秘 type.less
:
Chrome 表示文件来自
http://localhost:123/Content/less/type.less
但我在那里找不到任何东西。
css
文件也以正确的顺序包含,因此 main.css
实际上不应被覆盖:
我的行为历史:
我在 Visual Studio 2013
中创建了一个新的 MVC
项目,并使用 nugget-manager.
然后我更改了以下文件:
(我只列出了与 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";
}
除此之外我没有改变其他任何东西。
我只能在 bootstrap.css.map
文件中找到对 type.less
的 引用,该文件显然已缩小,并且有一长串不同的样式,但是文件 type.less
实际上似乎不存在于任何地方。我不明白为什么它要覆盖我的 css。你知道什么可能导致这个以及如何禁用它或加载它before我的css
这样它就不会破坏任何东西?
我发现安装了一些奇怪的bootstrap
by default in new MVC5 projects
造成了所有这些麻烦。因为我找不到如何防止它覆盖我的样式,所以我决定卸载它,最后我的样式又回来了。