CSS blazor-server 组件中的隔离
CSS isolation in blazor-server components
随着新的 .NET 5 预览 CSS blazor 中出现了隔离。
有人知道吗，是否可以在 Blazor 服务器中使用 CSS 隔离？
我玩了很多，但在我的 Blazor 服务器应用程序中 CSS 隔离不起作用。
或者此功能仅在 blazor WebAssembly 中可用？
所以我试了一下：
- 创建一个新的 blazor 组件，例如test.razor
- 创建名为 test.razor.css 的组件 CSS 文件，并在该文件中写入 CSS 代码
- 现在启动 blazor-server 应用程序，但不会添加静态 CSS 文件，并且找不到 CSS 类。
TargetFramework 是“net5.0”。
安装的 dotnet 版本是“5.0.100-rc.2.20479.15”。
问候
丹尼尔
好的，我发现了问题。在我的“_Host.cshtml”文件中，缺少 link 到“project.styles.css”：
<link href="ProjectName.styles.css" rel="stylesheet" />
有了这个一切正常。
随着新的 .NET 5 预览 CSS blazor 中出现了隔离。 有人知道吗，是否可以在 Blazor 服务器中使用 CSS 隔离？
我玩了很多，但在我的 Blazor 服务器应用程序中 CSS 隔离不起作用。 或者此功能仅在 blazor WebAssembly 中可用？
所以我试了一下：
- 创建一个新的 blazor 组件，例如test.razor
- 创建名为 test.razor.css 的组件 CSS 文件，并在该文件中写入 CSS 代码
- 现在启动 blazor-server 应用程序，但不会添加静态 CSS 文件，并且找不到 CSS 类。
TargetFramework 是“net5.0”。 安装的 dotnet 版本是“5.0.100-rc.2.20479.15”。
问候 丹尼尔
好的，我发现了问题。在我的“_Host.cshtml”文件中，缺少 link 到“project.styles.css”：
<link href="ProjectName.styles.css" rel="stylesheet" />
有了这个一切正常。