Asp.NetCore Blazor 使用 CSS

Question

到目前為止，我已經在桌面上完成了所有編碼。現在我正在學習 blazor。CSS 類是如何工作的。我的印象是這些類在組件中是隔離的，但似乎這是不正確的！

組件 1。

//Component One;
<h3 class="my-h3">One</h3>
<style>
   .my-h3{
       background-color:red;
   }
</style>

@code {

}

組件二：

//component 2
 <h3 class="my-h3">Two</h3>
 <style>
    .my-h3{
        background-color:blue;
    }
 </style>
 @code {

 }

索引頁：

@page "/"
<One></One>
<Two></Two>
Welcome to your new app.

兩個組件的背景都是紅色的。 我以為這些課程是獨立的，但我想不是。 是否有公認的方法來處理樣式組件？

Answer 1

我認為您正在尋找作用域 styles。您可以使用 nuget package BlazorScopedCss 添加它。