什么是/ deep / :: ng-deep之间的区别?

时间:2017-12-05 10:01:32

标签: css angular sass

请告诉我,以下两种scss风格之间的区别? 我没有清楚地了解这一点。

:host {
  display: inline-block;

  /deep/ {
    span {
      color: red;
    }
  }
}

:host {
  display: inline-block;

  ::ng-deep {
    span {
      color: red;
    }
  }
}

1 个答案:

答案 0 :(得分:2)

主要区别在于,SASS支持::ng-deep,同时删除了对/deep/的支持。这就是除了::ng-deep

之外,/deep/被添加到Angular的原因

除此之外,两者都在Angular中被弃用,因为当所有浏览器中的原生shadow DOM支持变得可用时,它们可能会删除ViewEncapsulation.Emulated