小编rob*_*yng的帖子

在React Project中未应用CSS类选择器样式

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

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

CSS:

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

body {
  background-color: red;
}
Run Code Online (Sandbox Code Playgroud)

红色背景颜色应用于正文,但.foodiv得不到任何东西......当我foo在DevTools中检出div时,它有类名(<div class="foo">foo div</div>)并且样式表是完整的:

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

body {
  background-color: red;
}
Run Code Online (Sandbox Code Playgroud)

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

javascript css reactjs webpack

4
推荐指数
2
解决办法
6971
查看次数

标签 统计

css ×1

javascript ×1

reactjs ×1

webpack ×1