Blazor:子组件deep:: 样式修改无效

资料

Blazor Css隔离

简单来说，就是外层要加个div，不加div就无法识别。

无效代码

    <Layout ShowFooter="true" class="Layout" SideWidth="100px">
        <Header>
            <div class="text-center header">Header</div>
        </Header>
        <Side>
            <div class="text-center side">Side</div>
        </Side>
        <Main>
            <div class="text-center main">User</div>
        </Main>
        <Footer>
            <div class="text-center footer">Footer</div>
        </Footer>
    </Layout>

有效代码

<div>
    <Layout ShowFooter="true" class="Layout" SideWidth="100px">
        <Header>
            <div class="text-center header">Header</div>
        </Header>
        <Side>
            <div class="text-center side">Side</div>
        </Side>
        <Main>
            <div class="text-center main">User</div>
        </Main>
        <Footer>
            <div class="text-center footer">Footer</div>
        </Footer>
    </Layout>
</div>