将SCSS`@extends`与深度元素样式一起使用

考虑到如下内容，如何在一个位置声明嵌套的SCSS样式模块，并利用

@extends

在

:host

上定义

:ng deep

样式

:host.tr.project {
  @extend .project;
}

.project {
  border: solid 1px orangered;
  display: table-row;

  .cta {
    .button {
      background: tomato;
      border: solid 1px cyan;
      border-radius: 50%;
    }
  }

}

将应用

.project

边框

和

显示

的样式，但是，

.cta

和|或

.cta.按钮

不应用样式。我需要这个

我用

：ng deep

在不同的选择器前后尝试了不同的

视图封装

策略（

模拟的

，

本地的

，

无

）：：ng deep没有运气——也许你有我没想到的东西（？）

需要一些关于我的选项的提示。

您尝试过这个吗

:host.tr.project {
  @extend .project;
    :host /deep/ .project.cta{
     // things goes here !
  }
}

---

子组件内的cta

class剂量？你需要将你的代码粘贴到你的问题上，否则没人能理解。