Next.js 如何在使用CSS模块时覆盖库组件的样式？

我正在使用NextJS，它使用CSS模块，我想使用一些CSS库，比如材质UI。。。但是如何覆盖我从这些库导入的组件的样式呢？。

在从中读取文档之后。说真的，它非常简单，只需使用：全局范围。 例：

您总是可以在样式规则之后使用后缀，但这并不推荐，因为它不利于样式表（CSS）的级联

对我有效的方法是使用

：global

选择器，就像DucHT解释的那样，如下所示：

：全局（li.ant菜单项）.siderNuItem{
显示器：flex；
对齐项目：居中；
填充顶部：26px；
填充底部：26px；
}

.className :global(.lib-component-classname){
  // Style here apply to component that's imported from libs
}