使用 Webpack 处理 React 项目。在 style.css 中添加一些样式并导入到组件中import style from './style.css';
。没有添加选择器的元素,如body
, div
,样式很好,但我遇到了类问题。
使用<div className='foo'>foo div</div>
.
css:
.foo {
height: 250px;
width: 250px;
background-color: blue !important;
}
body {
background-color: red;
}
红色背景颜色应用于主体,但.foo
div 什么也没有……当我foo
在 DevTools 中查看div 时,它有它的类名 ( <div class="foo">foo div</div>
) 并且样式表完好无损:
.foo {
height: 250px;
width: 250px;
background-color: blue !important;
}
body {
background-color: red;
}
我一直在尝试解决这个问题并尝试了很多东西......基本上所有 DOM 元素都可以设置样式,但是一旦我尝试添加任何类型的选择器,我什么也得不到......