css - 如何改变 Angular 6 中的样式网格

Question

我有这样的风格:

.main-panel{
  height: 100%;
  display: grid;
  grid-template-rows: 4rem auto;
  grid-template-columns: 14rem auto;
  grid-template-areas: 'header header''sidebar body';
}

现在如何改变 Angular 样式网格模板区域

例如:

grid-template-columns: 14rem auto;
grid-template-areas: 'header header''sidebar body';

to >>>

grid-template-columns: 100%;
grid-template-areas: 'header header''sidebar sidebar';

Angular 不支持来自 css 网格的样式吗？？？？!!!!!

Answer 1

您可以分享您的 HTML 吗？也许你需要定位 :host/deep/

像那样:

What does :host /deep/ selector mean?