前言
由于Blazor UI库暂时还不完善,有时候需要我们自己写css。Razor做好了css动态隔离的设置。
ASP.NET Core Blazor CSS 隔离
C#小轮子:Visual Studio自动编译Sass文件
添加引入css
保证razor和css的对应关系
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/63a1d954128822f4b11767cfa0806981.png)
比如我这个MainLayout.razor要对应MainLayout.razor.css文件
手动引入css文件
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/782c0ca24bd2b541be36162d64014b0c.png)
在_Host.cshtml中手动引入css文件,
<link href="你的项目名.styles.css" rel="stylesheet"/>
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/ca659441bc883a8a1a2e7712947df4ee.png)