title: CSS class selector styles not being applied in React Project
body: <p>Working on a React project using Webpack. Adding some styles in style.css and importing into component with <code>import style from './style.css';</code>. Elements without selectors added like <code>body</code>, <code>div</code>, get styled fine, but I am running into issues with classes.</p>
  
  <p>Setting className with <code>&lt;div className='foo'&gt;foo div&lt;/div&gt;</code>.</p>
  
  <p>css: </p>
  
  <pre><code>.foo {
    height: 250px;
    width: 250px;
    background-color: blue !important;
  }
  
  body {
    background-color: red;
  }
  </code></pre>
  
  <p>The red background color gets applied to the body, but <code>.foo</code> div gets nothing...when I check out <code>foo</code> div in DevTools it has its class name (<code>&lt;div class="foo"&gt;foo div&lt;/div&gt;</code>) and the stylesheet is intact:</p>
  
  <pre><code>.foo {
    height: 250px;
    width: 250px;
    background-color: blue !important;
  }
  
  body {
    background-color: red;
  }
  </code></pre>
  
  <p>I have been trying to figure this out for awhile and have tried a lot of things...basically all DOM elements can be styled, but as soon as I try to add any kind of selector I get nothing...</p>