我是一个工作项目,在不同的页面上有两个不同的轮播。
因此,我安装了一个npm软件包来处理转盘。第一个旋转木马我想按照设计者的要求设计这个旋转木马,因此我创建了另一个CSS文件,并为来自npm软件包源的覆盖CSS文件放置了相同的类名。因此我将此CSS文件导入了我的组件,由于CSS文件覆盖,一切正常。
但是第二个传送带的设计不同。所以我以同样的方式做到了,BOOM! :(
当我运行应用程序时,两个CSS文件出现在html head标记内,并且都具有相同的类名,因此两个转盘在此处均已损坏。
[当第一个组件工作时(例如第一个转盘),它的CSS文件应该覆盖npm源CSS文件,而当第二个工作时,它自己的CSS文件应该开始覆盖npm源CSS文件?
我的意思是,如何为两个不同的组件覆盖一个CSS文件?
这有点复杂,我知道。我是这个世界的新人,所以需要您的帮助。
您使用的是哪个npm轮播包?多数情况下,请查阅文档,您可以使用styles={{ width:'10em' }}
覆盖组件样式,也可以使用其他一些道具来覆盖样式。