blazor - 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。您可以通过将 CSS 文件命名为与 razor 文件相同的名称来应用 CSS 隔离。

例如，因为MainLayout.razor 它是 MainLayout.razor.css

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

它有一些问题，有关更多详细信息，请阅读本文。