如何在 asp.net mvc 核心中链接 css？答案

【问题标题】：How do I link css in asp.net mvc core?如何在 asp.net mvc 核心中链接 css？
【发布时间】：2021-11-05 23:12:58
【问题描述】：

尝试学习如何将我的css 链接到主页索引文件。不敢相信我没有让这个工作。希望您能够帮助我。所以，我在视图和homefolder 中创建了一个标准的mvc 核心项目，我正在创建一个与索引同名的新样式表Index.cshtml.css，它没有像我在一些教程中看到的那样嵌套.但它就在那里，

其余代码如下：这是css 文件

.helloWorld {
font-family: Arial;
font-size: 60px;
font-weight: bold;
color: blue;
}

这是布局文件中的头部

    <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"] - VueDemoApp</title>
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="~/css/site.css" />
    <link rel="stylesheet" href="~/VueDemoApp.styles.css" />
    </head>

我添加的只是VueDemoApp 样式，我在哪里做错了？

哦，还有Index.cshtml 文件：

<div>
<h1 class="helloWorld">Hello World!</h1>
</div>

如您所见，这个项目没有什么特别之处，只是想了解如何让css 工作，我对css 没有问题，只是链接了该死的东西：'D

【问题讨论】：

标签： c# html css asp.net-mvc

【解决方案1】：

要嵌套，请尝试将其命名为 Index.css 而不是 Index.cshtml.css。

【讨论】：

【解决方案2】：

我将 css 文件移动到 root/css 中，然后链接它，现在它可以工作了！

【讨论】：