一、父組件怎麽覆蓋子組件的樣式呢

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

Angular開發小筆記