使用“ngx-pagination”的默认样式不会覆盖角度样式 css

Question

我目前正在使用 Michael Bromley 的“ngx-pagination”模块。 该模块工作正常，但它似乎是唯一不使用现有主题 css 的分页模块。 现在它看起来像：

阅读他的解释，似乎通过添加/deep/来简单地覆盖 css 应该很容易。 好吧，它不起作用……有人说它已“弃用” ，所以我尝试添加!important ，但这似乎不起作用。

见 -> https://stackblitz.com/edit/angular-p3swdg

在“app.component.css”中，我上传了主题 css，最后它应该是这样的（参见文档）：

任何帮助，将不胜感激。

Answer 1

这是快速工作的stackblitz 解决方案。

.pagination /deep/ .ngx-pagination .current {
    background: red;
  }

  .pagination /deep/ .ngx-pagination li {
    border: 1px solid #CCCC;
    margin-right: 0px;
  }

   .pagination /deep/ .ngx-pagination a::after{
     display: none;
   }

   .pagination /deep/ .ngx-pagination li::before{
     display: none;
   }

    .pagination /deep/ .ngx-pagination li::after{
     display: none;
   }

    .pagination /deep/ .ngx-pagination a::before{
     display: none;
   }

使用/deep 。 你可以更好地润色 css，但你会从中得到想法。