.NET Core与Visual Studio中如何为.cshtml添加子CSS文件
2026-7-25
自定义.cshtml添加关联.css文件的操作方法
- 手动创建同名.css文件：在目标.cshtml所在的目录下，新建和视图文件名完全一致的.css文件（比如视图是
MyCustomView.cshtml，就创建MyCustomView.css） - 手动配置嵌套关系：右键新建的.css文件，选择「在解决方案资源管理器中显示」，然后打开项目的
.csproj文件，找到该.css文件的配置条目，添加DependentUpon节点关联到对应的.cshtml，示例配置如下：
<ItemGroup> <Content Include="Views\Home\MyCustomView.css"> <DependentUpon>MyCustomView.cshtml</DependentUpon> </Content> </ItemGroup>
- 保存
.csproj文件后，刷新解决方案资源管理器，就能看到.css文件嵌套在目标.cshtml下方了。
这类嵌套.css子文件的作用
- 实现视图级样式隔离：只为当前.cshtml视图提供专属样式，避免全局样式污染和冲突
- 优化代码组织：把视图相关的样式与视图文件绑定在一起，方便后续维护和查找
- 适配.NET编译机制：发布时可配合框架的静态资源优化逻辑，按需打包处理
在.cshtml中关联这类.css文件的方式
直接在.cshtml的<head>区域添加link标签引用即可，建议加上asp-append-version="true"启用版本缓存优化：
<link rel="stylesheet" href="~/Views/Home/MyCustomView.css" asp-append-version="true" />
内容的提问来源于stack exchange，提问作者Liakat Hossain
相关产品推荐
相关产品推荐
