如何在 asp.net mvc 核心中链接 css？
Posted
技术标签:
【中文标题】如何在 asp.net mvc 核心中链接 css？【英文标题】：How do I link css in asp.net mvc core? 【发布时间】：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
【问题讨论】：
【参考方案1】：要嵌套，请尝试将其命名为 Index.css 而不是 Index.cshtml.css。
【讨论】：
【参考方案2】：我将 css 文件移动到 root/css 中，然后链接它，现在它可以工作了！
【讨论】：
以上是关于如何在 asp.net mvc 核心中链接 css？的主要内容，如果未能解决你的问题，请参考以下文章
ASP.NET MVC 中用于 CSS / JS 文件的自动版本控制？
如何从 ASP.NET 核心 mvc 向 asp.net 核心中的 Web API 发出 PUT 请求？
如何在 ASP.NET MVC 4 Beta 中禁用 Javascript/CSS 缩小