css - 如何使用来自节点模块的css来优先考虑css的顺序？

Question

我在我的 html 页面中使用 primeNg 表，当我响应时，我想保留我的网格的标题。

但是表“ p-datatable-thead”自动设置为“ display-none”与节点

 @media screen and (max-width: 40em)
<style>
.p-datatable.p-datatable-responsive .p-datatable-tfoot>tr>td, .p-datatable.p- 
 datatable-responsive .p-datatable-thead>tr>th {
 display: none!important;
}

这个 css 直接来自 node primeng 模块：

node_modules > primeng > ressources > components > table > table.css

我试图用我自己的样式表取消这个 css：

 @media screen and (max-width: 40em) {
  .gridAccount.p-datatable.p-datatable-responsive .p-datatable-tfoot>tr>td, .p- 
  datatable.p-datatable-responsive .p-datatable-thead>tr>th {
     display: table-cell !important;
   }
 }

但我的 css 会从 node_modules 中获取组件的 css。

如何让我自己的 css 在 node_modules css 前面？

标签： cssnode-modulesprimengprimeng-datatable