ASP.NET 不加载 CSS 文件答案

【问题标题】：ASP.NET Not loading CSS filesASP.NET 不加载 CSS 文件
【发布时间】：2021-05-23 17:02:18
【问题描述】：

我有问题。我有一个带有链接的 CSS 文件的 asp.net 网络表单。 网络表单与母版页相连。

母版页具有（页眉、页脚和主要 CSS 文件）
Web 表单页面有（产品网格 CSS 文件）

页眉、页脚和主 CSS 文件已成功加载到 Web 表单页面中，但是，链接在 Web 表单头标签内的 product-grid CSS 与其他 CSS 文件根本没有加载。

*我在提交问题之前尝试在此处寻找解决方案，但没有任何任务解决了我的问题。*
内部造型作品

母版页头标记

<head runat="server">
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Required meta tags -->

<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" />
<!-- Bootstrap CSS -->

<!-- Needed CSS files -->
<!-- main CSS -->
<link href="/assets/css/main/main.css" rel="stylesheet" type="text/css">
<!-- Header and Footer CSS file-->
<link href="/assets/css/main/HeadFoot.css" rel="stylesheet" type="text/css">

<asp:ContentPlaceHolder ID="head" runat="server">

</asp:ContentPlaceHolder>
<!-- Needed CSS files -->

<!-- Jquery -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

<!-- Font awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css" />

<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="/assets/images/favicon_red_64x64.png" />

<title>
    <asp:ContentPlaceHolder ID="title" runat="server"></asp:ContentPlaceHolder>
</title>
</head>

Web 表单头标签（母版页的内容占位符 cuz）

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<!-- prodcuts grid -->
<link href="../assets/css/main/products-grid.css" rel="stylesheet" type="text/css" />
</asp:Content>

【问题讨论】：

标签： c# css asp.net

【解决方案1】：

链接是相对于它所包含的页面，而不是来自母版页本身，但是如果您的母版页中的链接有效，但您的内容页中的链接无效，那么您可能有一个相对页面参考问题。您需要从<link href="../assets/css/main/products-grid.css" rel="stylesheet" type="text/css" /> 中删除..，使其具有与母版页中包含的相同的相对路径。

更好的是，在 css 的任何地方都使用应用程序相关语法：

<link href="~/assets/css/main/products-grid.css" rel="stylesheet" type="text/css" />

【讨论】：

然后你需要打开开发者工具，当你导航到页面时查看网络选项卡，看看你的页面请求时得到什么类型的响应。是404错误吗？不是要求吗？当您查看呈现的 html 页面的源代码时，它会显示吗？
两者都不是，我现在想通了。我想在链接 href 中添加类似 version=1 的内容

【解决方案2】：

卸载CSS的href链接应该是这样的

<link href="/assets/css/main/products-grid.css?Version=1" rel="stylesheet" type="text/css" />

【讨论】：