重要的重写样式！

Question

如果我想从子组件中覆盖某些CSS，请使用：

:host ::ng-deep .y {
     x: !important;
}

但是如何覆盖已经具有!important的样式？上面的示例在这种情况下不起作用

Answer 1

尝试一下

:host /deep/ .y

代替

:host ::ng-deep .y

我在Angular应用程序中使用：host / deep / .y并完美运行

Answer 2

从您对原始代码的评论来看，这可能应该起作用：

:host ::ng-deep .sortable-container .sortable-list ul .active {
  x: value !important;
}

这假定您处于'ul'中，但它可以是ol或dl，并且可以轻松替换。