Javascript 如何更改只在nextjs中的特殊组件中安装组件css

我一直在使用nextjs。我想在一个特殊组件中更改react slick CSS样式，但在nextjs v10中，我只能在global.CSS中应用此更改。 这将更改所有页面和组件中的react slick样式。 例如：

ul.slick-dots {
  text-align: left !important;
  margin-bottom: 20px;
}
ul.slick-dots li {
  width:15px;
  height: 15px;
  margin: 0;
}
.slick-dots li button{
  width:15px;
  height: 15px;
}
.slick-dots li button:before{
  width:15px;
  height: 15px;
  color: #fff;
}
.slick-dots li.slick-active button:before{
  color: #ca2026;
}
.progress-edit {
  margin-top: 40px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  direction: rtl;
}
.bar-edit {
  background-color: rgba(255, 0, 0, 0.7);
}

当我从“/Slider.module.css”导入此代码时，

导入样式没有任何变化，当我在app.js中导入
'styles/slider.css'
时，styles发生了变化

如何仅应用此样式的slider.js组件？
您是否在
slider.js
中尝试了
import'styles/slider.css'
是。但出现错误
无法从自定义文件以外的文件导入全局css。请将所有全局CSS导入移动到pages/_app.js。或者将导入转换为组件级CSS（CSS模块）。
好的……唯一的解决方案是使用jsx，如下面的
Next.js和来自getInitialProps:{message}的帧运动数据：{message}让我们探索不同的方法来制作Next.js页面的动画
{/code>.container{margin:50px；}p{color:red；}h4{color:orange；}
}
谢谢。这是不可能的，因为我在组件中只使用
{children}
，我决定更改
滑块
内部的类。我没有直接访问
滑块
组件类的权限。试试这个
{children}{
h1{color:blue}
}
是否尝试在
Slider.js中导入'style/Slider.css'
是。但出现错误
无法从自定义文件以外的文件导入全局css。请将所有全局css导入移动到pages/\u app.js。或将导入转换为组件级css（css模块）.
ok….唯一的解决方案是像这样使用jsx
Next.js和来自getInitialProps:{message}的帧运动数据让我们探索不同的方法来制作Next.js页面的动画
{
.container{margin:50px；}p{color:red；}h4{color:orange；}
}
谢谢。这是不可能的，因为我在组件中只使用
{children}
，我决定更改
滑块
获取内部的类。我没有直接访问
滑块
组件类的权限。试试这个
{children}{/code>h1{颜色：蓝色}
}