Angular开发小笔记

一、父组件怎么覆盖子组件的样式呢

1./deep/（不建议这么做，以后angular会取消，因为这样写不利于组件的独立性）

在父组件的scss里面写：

:host{
    子组件名 /deep/ label{
         color:red
    }
}    

这样就可以覆盖掉子组件label的color了

2.host和host-context

在子组件的scss里面写：

:host(.自身加的class){
  label{
    color:red;
  }
}

或者

:host-context(父组件名){
  label{
    color:red;
  }
}

网上查到的定义：

• :host(selector) { ... } for selector to match attributes, classes, ... on the host element
• :host-context(selector) { ... } for selector to match elements, classes, ...on parent