Angular -将样式添加到shadow-root中的类

Question

这是浏览器呈现的内容：

​

​

元素super-tabs是一个library。我想从根组件向.buttons-container类添加样式，这就是我正在尝试的，但它不起作用：

@media (min-width: 768px) {
  :host ::ng-deep super-tabs-toolbar .buttons-container {
    margin: 0;
    padding-right: calc((100% - 1080px) / 2);
    padding-left: calc((100% - 1080px) / 2);
  }
}

Answer 1

添加!important以覆盖已有的css属性，如下所示：

@media (min-width: 768px) {
  :host ::ng-deep super-tabs-toolbar .buttons-container {
    margin: 0 !important;
    padding-right: calc((100% - 1080px) / 2) !important;
    padding-left: calc((100% - 1080px) / 2) !important;
  }
}