Working on a React project using Webpack. Adding some styles in style.css and importing into component with `import style from './style.css';`. Elements without selectors added like `body`, `div`, get styled fine, but I am running into issues with classes.

Setting className with `<div className='foo'>foo div</div>`.

css: 

```
.foo {
  height: 250px;
  width: 250px;
  background-color: blue !important;
}

body {
  background-color: red;
}

```

The red background color gets applied to the body, but `.foo` div gets nothing...when I check out `foo` div in DevTools it has its class name (`<div class="foo">foo div</div>`) and the stylesheet is intact:

```
.foo {
  height: 250px;
  width: 250px;
  background-color: blue !important;
}

body {
  background-color: red;
}

```

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...