覆盖React中不同组件中的相同CSS文件

问题描述 投票:0回答:1

我是一个工作项目,在不同的页面上有两个不同的轮播。

因此,我安装了一个npm软件包来处理转盘。第一个旋转木马我想按照设计者的要求设计这个旋转木马,因此我创建了另一个CSS文件,并为来自npm软件包源的覆盖CSS文件放置了相同的类名。因此我将此CSS文件导入了我的组件,由于CSS文件覆盖,一切正常。

但是第二个传送带的设计不同。所以我以同样的方式做到了,BOOM! :(

当我运行应用程序时,两个CSS文件出现在html head标记内,并且都具有相同的类名,因此两个转盘在此处均已损坏。

[当第一个组件工作时(例如第一个转盘),它的CSS文件应该覆盖npm源CSS文件,而当第二个工作时,它自己的CSS文件应该开始覆盖npm源CSS文件?

我的意思是,如何为两个不同的组件覆盖一个CSS文件?

这有点复杂,我知道。我是这个世界的新人,所以需要您的帮助。

javascript html css reactjs components
1个回答
0
投票

您使用的是哪个npm轮播包?多数情况下,请查阅文档,您可以使用styles={{ width:'10em' }}覆盖组件样式,也可以使用其他一些道具来覆盖样式。

© www.soinside.com 2019 - 2024. All rights reserved.