Question

我使用汽车类作为body元素，我想在angular2中使用它。

<body class="car">
  <my-app></my-app>
</body>

我试过了：

:host-context(.car) h3 {
  background-color: blue
}

转换结果：

.car[_ngcontent-c42] h3[_ngcontent-c42], 
.car [_ngcontent-c42] h3[_ngcontent-c42]{
  background-color: blue
}

我想删除.car[_ngcontent-c42] h3[_ngcontent-c42] 我只需要这个课程.car [_ngcontent-c42] h3[_ngcontent-c42]。

我该怎么办？感谢。

Answer 1

将s3设为ViewEncapsulation

None

您可以阅读更多相关信息here

Answer 2

您可以使用::ng-deep / /deep/选择器

::ng-deep .car h3 {
  background-color: blue
}

Answer 3

要封装组件样式，请尝试以下操作：

.car :host-context h3 {
  background-color: blue
}

因此，您仅获得所需的东西：

.car [_ngcontent-c42] h3[_ngcontent-c42]