Blazor Wasm的CSS封装

Question

Blazor组件是否像Angular一样支持CSS封装？ 如果是这样，怎么办？ 另外，对于每个组件的CSS，推荐的方法是什么？我猜封装仍然可以手动完成，但是框架本身是否有更好的支持？

Answer 1

经过一些搜索，看来这是一个待处理的功能 https://github.com/aspnet/AspNetCore/issues/10170

，但是似乎有一个解决方法的库 https://github.com/alexandrereyes/BlazorScopedCss

Answer 2

它已被添加到 .NET 5 中的 Blazor 中，名称为：CSS Isolation。 您可以通过命名与 razor 文件相同的 CSS 文件来应用 CSS Isolation。

例如，对于 MainLayout.razor，它是 MainLayout.razor.css

注意：您应该将 CSS 文件放在 razor 文件的同一文件夹中。

它有一些问题，详情请read this article。