首页 文章

儿童组合子适用于 生产环境 中的父母

提问于
浏览 次
0

对于我的React应用程序，我有一个具有以下结构的小示例节点：

<div className='main'>
      <input/>
</div>

对于我的CSS，我有以下内容：

.main > input {
    background-color: blue;
}

调试时，它按预期工作，输入为蓝色 . 但是，当应用程序发布时，它不会按预期显示 . 相反，CSS显示：

.main {
    background-color: blue;
}
.main > input {
    background-color: blue;
}

我没有其他CSS文件可以有额外的CSS . 这是Webpack处理 生产环境 文件的方式的问题吗？或者这是我不知道的儿童组合子的副作用？或者在其他地方我应该寻找这个问题的根本原因？

css reactjs webpack

1 回答

  • 2

    只需给出一个类或id，然后通过它更改css .

    #id1 {
  background-color: blue;
}

    <div className='main'>
  <input id='id1' />
</div>
    回复于

相关问题