在React Project中未应用CSS类选择器样式-Java 学习之路

使用Webpack处理React项目 . 在style.css中添加一些样式并使用 import style from './style.css'; 导入到组件中 . 没有选择器的元素添加如 body ， div ，样式很好，但我遇到了类的问题 .

使用 <div className='foo'>foo div</div> 设置className .

CSS：

.foo {
  height: 250px;
  width: 250px;
  background-color: blue !important;
}

body {
  background-color: red;
}

红色背景颜色应用到正文，但 .foo div什么都没有...当我在DevTools中检出 foo div时，它有类名（ <div class="foo">foo div</div> ）并且样式表完好无损：

.foo {
  height: 250px;
  width: 250px;
  background-color: blue !important;
}

body {
  background-color: red;
}

我一直试图弄清楚这一段时间并尝试过很多东西......基本上所有DOM元素都可以设置样式，但是一旦我尝试添加任何类型的选择器我就什么也得不到......

2 回答