首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >首先,动态添加的组件没有从类中获取样式。

首先,动态添加的组件没有从类中获取样式。
EN

Stack Overflow用户
提问于 2019-11-05 17:26:40
回答 1查看 40关注 0票数 0

我有一个动态添加组件的大列表,除了第一个组件之外,所有组件都是从css类获得样式的。具体而言,它是一个暗模式或litemode类,它将根据if this.state.dark === true或not添加

下面是呈现它们的函数

代码语言:javascript
运行
复制
renderComponent(info) {
        return <Info isDark={this.isDark()} isHidden={this.state.hide === true} user={info} key={info} /> 
    }

这就是所谓的功能

代码语言:javascript
运行
复制
{info.map(this.renderComponent)}

不呈现在第一个组件上的css类

代码语言:javascript
运行
复制
.darkmode + .other-class {
    background-color: rgb(131, 21, 21);
}

我尝试过有条件地将页面呈现为一个单独的版本,只有黑暗模式,并且在任何地方都直接使用这些类(即它们不可能没有类)。

在the元素中,它表示它们具有类,甚至还应用了css中不同区域的样式。但是背景在第一个元素上仍然是透明的。

我还尝试在组件本身中添加类,结果总是完全相同。

没有加载css的元素的https://i.imgur.com/vLa8Tn9.png图片

加载css的元素的https://i.imgur.com/cJxT5bU.png图片

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-11-05 17:34:49

我认为这是CSS选择器的一个问题。

加号(+)符号select并对CSS选择器中第一个元素后面的每个元素进行样式设置。

在W3School中,您可以看到这种行为

我想你想做的是:

代码语言:javascript
运行
复制
.darkmode.Offline {
    background-color: rgb(131, 21, 21);
}
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58716509

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档