相关疑难解决方法(0)

我正在使用React Static Boilerplate构建一个反应应用程序.

每个组件都有一个这样的目录结构:

MyComponent/
-- MyComponent.css
-- MyComponent.js
-- package.json

在MyComponent.js文件中,我正在做一个原始的import './MyComponent.css'

假设我的CSS包含这样的内容:

body { background-color: orange; }
.card { background-color: purple; }

并且我的组件中的渲染功能呈现一张卡片:

render() {
  return (
    <div className="card">Hello World</div>
  );
}

页面的主体将变为橙色,但卡片不会变成紫色.

为什么这个css没有完全应用于生成的HTML？