title: React class styling from css stylesheet not working
body: <p>In my React App, I am trying to load styles for html elements from a CSS stylesheet by assigning styles to classes.</p>
  
  <p>I can get styling for elements, such as h2, p, td, working</p>
  
  <p><strong>Problem:</strong></p>
  
  <p>I cannot get styling for classes to work.</p>
  
  <p><strong>--- UPDATE: The below code appears to be working, and I am not sure what caused it to fail before. I'd delete this question if I could. Thank you for those that helped ---</strong></p>
  
  <p><strong>App.js</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  import './App.css';
  
  class App extends Component {
    constructor(props) {
      super();
      }
    }
  
    render() {
      return (
        &lt;div className="App"&gt;
          &lt;div className="hide_me"&gt;
            &lt;h2&gt;This text should not be visible because it has className "hide_me"&lt;/h2&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default App;
  </code></pre>
  
  <p><strong>App.css</strong></p>
  
  <pre><code>h2 {
    color: red;
  }
  
  .hide_me {
    display: none;
  }
  </code></pre>
  
  <p><strong>Current Behavior</strong></p>
  
  <p>I see text in red that should be hidden i.e.
  <a href="https://i.stack.imgur.com/JHbYX.png" rel="noreferrer"><img src="https://i.stack.imgur.com/JHbYX.png" alt="enter image description here"></a></p>
  
  <p><strong>Expected behaviour</strong></p>
  
  <p>No text!</p>
  
  <hr>
  
  <p>Is there a solution that allows me to use CSS stylesheets without installing a new module?</p>