title: A quick question about css modules and if I always need className
body: <p>So I just encountered a bug that stumped me for a little bit using css modules in my react(cra) application and I was only able to solve it by looking at the style tags that get injected in the head from css modules</p>
  <p>my problem is in my styles.module.css file I had some generic selectors like so</p>
  <pre class="lang-css prettyprint-override"><code>p {
   ...
  }
  </code></pre>
  <p>and that worked fine until I used a p element in another component and thoes same styles applied to it. is there anyway to get around this or do I need to just give all my elements a className={styles.whatever}</p>