我有一个动态添加组件的大列表,除了第一个组件之外,所有组件都是从css类获得样式的。具体而言,它是一个暗模式或litemode类,它将根据if this.state.dark === true或not添加
下面是呈现它们的函数
renderComponent(info) {
return <Info isDark={this.isDark()} isHidden={this.state.hide === true} user={info} key={info} />
}这就是所谓的功能
{info.map(this.renderComponent)}不呈现在第一个组件上的css类
.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图片
发布于 2019-11-05 17:34:49
我认为这是CSS选择器的一个问题。
加号(+)符号select并对CSS选择器中第一个元素后面的每个元素进行样式设置。
我想你想做的是:
.darkmode.Offline {
background-color: rgb(131, 21, 21);
}https://stackoverflow.com/questions/58716509
复制相似问题