小编Mar*_*ria的帖子

我有我的“应用程序组件”和“B 组件”，它们在我的应用程序组件内呈现。每个都有自己的风格。

但是当它被编译时，我的 ComponentB.css 被放在我的 app.css 之前，使得 ComponentB 样式被我的应用程序样式覆盖。

为什么会出现这种情况？？

应用程序

 import React, { Component } from 'react';
 import ComponentB from './components/ComponentB';
import './styles/app.css';

    class App extends Component {
      render() {
        return (
          <div className="App">
            <ComponentB />
          </div>
        );
      }
    }

    export default App;

成分B

import React, { Component } from 'react';
import './styles/ComponentB.css';

class ComponentB extends Component {
  render() {
    return (
      <div>
        <h1>Hello from ComponentB</h1>
      </div>
    );
  }
}

export default ComponentB;