CSS 文件加载但未应用 CSS答案

【问题标题】：CSS files loading but CSS not being appliedCSS 文件加载但未应用 CSS
【发布时间】：2019-04-05 22:33:30
【问题描述】：

我有一个使用 Boostrap 4 和 jQuery DataTables 的 ASP.NET MVC 项目。对于这两种工具，CSS 文件都会加载，但没有应用任何 CSS 规则。查看 Chrome 开发工具的网络选项卡，内容类型以 text/css 形式出现。这是主布局页面的head 标记内的代码：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
@*<link href="@Url.Content("~/Content/bootstrap.css")" rel="stylesheet" type="text/css" />*@
<link href="@Url.Content("~/Content/Site.css")"rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/pushy.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/MyStyle.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/themes/base/jquery-ui.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/font-awesome.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/themes/base/theme.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/DataTables/css/jquery.dataTables.min.css")" rel="stylesheet" type="text/css" />
@*<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/DataTables/css/dataTables.bootstrap.min.css")" />*@
<link href="@Url.Content("~/Content/DataTables/css/dataTables.bootstrap4.min.css")" rel="stylesheet" type="text/css" />

我尝试在link 和head 标记中使用runat="server"，使用@Styles.Render 代替link 标记，将minified 文件替换为完整的href 文件有和没有@Url.Content()，以及直接使用来自Bootstrap 的文件，都没有成功（在SO 上也找不到任何其他解决方案）。

MyStyle.css 正确加载和应用，但不是 Bootstrap 或 DataTables CSS。这让我疯狂地试图找出问题所在 - 我错过了什么？

我在Visual Studio 2017 上运行.NET 4.6.1。

【问题讨论】：

标签： css asp.net-mvc datatables bootstrap-4

【解决方案1】：

实际上 _Layout.cshtml 中的另一个 css 文件覆盖了视图页面 css 文件。从 Viewpage.cshtml 中删除了 main.css

【讨论】：

除非我包含的文件之一覆盖了我包含的另一个文件，否则不要认为就是这样。我们的团队使用模板在我们的应用程序中保持一致的外观。 _ViewStart.cshtml 文件中的Layout 指向一个名为_LayoutSections.cshtml 的文件，该文件将Layout 设置为_CustomLayout.cshtml 文件。我只有在_CustomLayout.cshtml 文件中引用的CSS 文件（尽管我试图将它们放在_LayoutSections.cshtml 文件中）。