[Blazor Wasm] css isolation not wokring.

[TanvirArjel]

I have two layouts as follows:

1. MainLayout
2. AdminLayout

CSS file for MainLayout.razor is MainLayout.razor.css as follows:

body {
    margin-top: 58px;
}

CSS file for AdminLayout.razor is AdminLayout.razor.css as follows:

body {
    margin-top: 0px !important;
}

None of the styles is applied when the respective layout page is rendered.

[mkArtakMSFT]

Thanks for contacting us.
Per documentation, the elements the styles are targeting should be part of the components to be rendered. In your example, you're trying to style parent element, which is not something supported by the current CSS Isolation feature.