• 闪存
• 博客
• 发言 小组
• 投递 新闻
• 提问 博问
• 添加 收藏
• 文库

angular: 子组件如何修改上层 layout 组件中的元素的样式

0

悬赏园豆：50 [已解决问题] 解决于 2023-07-23 17:24

layout.component.html

<mat-sidenav-container class="app-layout" fullscreen>
  <mat-sidenav mode="side"></mat-sidenav>
  <mat-sidenav-content fxLayout="column">
    <mat-toolbar [class.mat-elevation-z4]="true">
      <app-header></app-header>
    </mat-toolbar>
    <main fxFlex="1 1 100%" fxLayoutAlign="center center">
        <router-outlet></router-outlet>
    </main>
    <app-footer></app-footer>
  </mat-sidenav-content>
</mat-sidenav-container>

想在子组件 pricing.component.scss 中修改上面的 <main> 元素的样式，请问如何修改？

angular

dudu | 高人七级 | 园豆：29568
提问于：2023-07-08 17:46

相关链接 https://stackoverflow.com/q/72262275

– dudu 1年前

参考链接：Angular Create Style Tag in View Template?

– dudu 1年前

参考链接：How and where to use ::ng-deep?

– dudu 1年前

显示帮助

使用"Ctrl+Enter"可进行快捷提交，评论支持部分 Markdown 语法：[link](http://example.com) _italic_ **bold** `code`。

< >

分享

分享您的问题

::ng-deep main {
  padding-top: 0!important;
}