【问题标题】:selecting class from angular scss file从角度 scss 文件中选择类
【发布时间】:2021-02-16 21:41:38
【问题描述】:

我正在尝试选择从第三方组件生成的类。

<div role="tablist" class="mat-tab-list">

我遇到的问题是我的 scss 文件附加到了类名,除了 1 个特定类之外我不想停止:

.contact-details-page {
    @media only screen and (max-width: 730px) {
        &__tabs {
            .mat-tab-header {
                display: none !important;
            }
        }
    }

这将呈现类似 .mat-tab-header[ng_content_xsd]

在 react 模块 css 中,我会这样做:

.contact-details-page global:(.mat-tab-header) {
  ...
}

但我不知道如何在 Angulat 中做到这一点

【问题讨论】:

    标签: angular sass


    【解决方案1】:

    在 Angular 中,CSS 被封装(添加 _ngcontent-xxx)。所以组件不能改变其子组件的样式。

    如果您要更改 Angular Material 组件的样式,则必须在根文件 styles.scss(或 styles.scss 导入的子文件)中进行。这是唯一没有封装样式的地方。因此,您在那里编写的代码必须以通用方式编写(可重用)。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-12-18
      • 2018-02-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-04-15
      • 2018-01-10
      • 2019-02-11
      相关资源
      最近更新 更多