Warm tip: This article is reproduced from serverfault.com, please click

angular-覆盖外部组件的封装CSS

(angular - Overriding the encapsulated CSS of external component)

发布于 2016-10-21 13:33:07

我想知道如何覆盖外部组件的封装CSS。

因此,我在项目中使用了material2,并且tabs组件的on属性设置为on tab-body是否可以覆盖溢出值?

Questioner
Salma Hamed
Viewed
0
10.2k 2018-10-16 00:30:04

你可以使用特殊的CSS/deep/指令。请参阅说明文件

所以,如果你有

app
  sub-component
    target-component
      <div class="target-class">...</div>

你可以将你的应用程序CSS(或更少)放入:

/deep/ .target-class {
  width: 20px;
  background: #ff0000;
}

显然,你也可以将此css片段放入其中sub-component