如何在 blazor 中将不同的 CSS 文件添加到不同的布局中？

【问题标题】：How to add different CSS files to different layouts in blazor?如何在 blazor 中将不同的 CSS 文件添加到不同的布局中？
【发布时间】：2021-04-01 05:53:43
【问题描述】：

各位 Blazor 爱好者您好！

我有 2 个不同的布局，我想在每个布局上加载不同的 CSS 文件。

第一个是MainLayout.razor，另一个是AdminLayout.razor。

我想在 AdminLayout 中加载我的管理菜单 CSS 文件，而不使用“css 隔离”，因为此布局的 CSS 文件将来可能会有更多文件。

ASP.NET Core 3.1 或 .NET 5.0

提前致谢。

【问题讨论】：

【解决方案1】：

您可以在 <head> 或 <body> 的任何位置使用 HTML <link> 标记来包含 CSS，因此请将相应的 <link rel="stylesheet" href="..." /> 分别放入 MainLayout.razor 和 AdminLayout.razor。

最终，可能支持直接从 razor 组件向<head> 添加内容，如tracked here。

【讨论】：