javascript 不能对两个不同的组件使用两种CSS样式

2nbm6dog  于 2022-12-25  发布在  Java
关注(0)|答案(2)|浏览(85)

所以我的css有一个问题。我有一个登录页面,里面有css样式。其中一个是span:
login.css:

span {
    font-size: 12px;
    padding: 3px;
    color: red;
    display: none;
}

并且在登录页面上运行良好,但是现在我有了“我的配置文件页面“,并且我使用了一个库中的函数(react-drag-drop-files),这使我成为了一个包含span元素的组件
x1c 0d1x,正如我在这里看到的,它使用的是login.css文件,我没有导入到我的React函数中。所以我不能只在“我的配置文件”页面中设置span样式,因为我没有访问它。我也尝试在myprofile.css中设置新的span样式,但这会弄乱登录页面上的span。所以我认为我“I“我正在想办法,即使这两个文件没有联系,也要把它们分开。

anhgbhbe

anhgbhbe1#

我不太明白你的问题。
你有没有试过在你的登录页面中使用一个className来创建一个类?这样你就可以只修改登录页面了。
您也可以为每个页面创建不同的css文件。
希望这对你有帮助
如果你不能直接访问这些span样式,我想你可以把这些span Package 在一个div中,如果你能做到这一点,你也可以给予这个div一个className,在CSS中做一些类似这样的事情:

.divClass span{
    /*your style here*/
 }

通过这样做,您应该能够控制样式。
检查相应文件的代码会更好,以帮助您。

eufgjt7s

eufgjt7s2#

这就是为什么我发现你的span样式同时适用于登录页面和个人资料页面,这是因为你在css中全局地将span作为样式的目标,而不是全局地将span作为目标,在登录页面上为你的span添加一个类,并设置它们的样式

相关问题