从角度 scss 文件中选择类答案

【问题标题】：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 导入的子文件）中进行。这是唯一没有封装样式的地方。因此，您在那里编写的代码必须以通用方式编写（可重用）。

【讨论】：