Blazor Server端格式标记带有嵌入式样式的标记标记，而忽略CSS文件样式

Question

我的Blazor服务器端应用程序发布了从Web API核心获得的丰富内容。
内容带有任意HTML标签，其中一组有限的CSS类。
大餐应根据这些类型样式，但在匹配的CSS文件中声明时忽略了样式。
但是，如果样式嵌入了同一剃须刀页面中，它将成功地格式化内容。

练习后表明了这个问题。
是否有任何解决方法可以将样式保留在CSS文件上并相应地格式化标记内容？

test.razor页面，带有嵌入式样式：

@page "/Test"

<div class="FromRazorStyle">
    Razor hard coded text, embedded razor style
</div>
<div class="FromCssFile">
    Razor hard coded text, style from Css file
</div>

@((MarkupString)FromRazorStyle)
@((MarkupString)FromCssFile)

<style scoped>
    .FromRazorStyle {
        font-weight:600;
        margin-bottom:20px;
    }
</style>

@code {
    string FromRazorStyle = "<div class='FromRazorStyle'>Markup string, embedded razor style<br/></div>";
    string FromCssFile = "<div class='FromCssFile'>Markup string, style from Css file<br/></div>";
}

test.razor.css文件：

.FromCssFile {
    font-weight: 600;
    margin-bottom: 20px;
}

结果：
剃须刀硬编码文本，嵌入式剃须刀样式
剃须刀硬编码文本，CSS文件的样式
标记字符串，嵌入式剃须刀样式
标记字符串，CSS文件的样式

Answer 1

是的，这是可能的，但不一定容易！问题在于，CSS隔离过程在.razor.css文件中重写选择器以包括随机生成的唯一标识符。因此，示例中的CSS实际上变成了.fromcssfile [B-C2X6L882ML]。此标识符还添加为.RAZOR文件中存在的所有HTML标签的属性，但不在标记字符串中的标签中。

一种解决方法是在项目文件中手动设置此CSSSCOPE标识符，如此页面，然后将其插入标记内容标签中。

但是，在这种情况下，一种更简单的方法可能是将当前的CSS放入静态文件中，例如默认的css/site.cs.css，例如：

.FromCssFile * {
    font-weight: 600;
    margin-bottom: 20px;
}