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

最新推荐文章于 2023-12-02 08:49:06 发布

龙中舞王

最新推荐文章于 2023-12-02 08:49:06 发布

阅读量259

点赞数

分类专栏： Blazor基础知识文章标签： Blazor

本文链接：https://blog.csdn.net/qq_44695769/article/details/132300164

版权

Blazor基础知识专栏收录该内容

24 篇文章 10 订阅

订阅专栏

文章目录

资料
无效代码
有效代码

资料

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>