以下是一个示例组件和 CSS 文件:
MyComponent.razor
@page "/mycomponent"
@scoped
My Component
This is some text.
mycomponent.css
@scoped {
h1 {
color: blue;
}
p {
font-size: 14px;
}
}
在这个例子中,@scoped 属性告诉 Blazor 这些样式只适用于 MyComponent 组件。如果你有一些全局样式,你可以不使用 @scoped 属性,确保样式适用于整个应用程序。