title: styles is not working in react by stylesheet
body: <p>I am using sass in react project by stylesheet but is not working
  My applying  class is not working</p>
  <p>here is code sass code</p>
  <pre><code>.header{
  background-color: #000;
  position: relative;
  width: 100%;
  top:0;
  left: 0;
  z-index: 100;
  </code></pre>
  <p>}</p>
  <p>here is react code.</p>
  <pre><code>        import React from &quot;react&quot;
      import  &quot;../Styles/Header.module.scss&quot;
     const Header = () =&gt; {
      return (
      &lt;&gt;
        &lt;header className=&quot;header&quot;&gt;
          &lt;div className=&quot;grid&quot;&gt;
            &lt;div className=&quot;main_logo&quot;&gt;
              &lt;a&gt;ds&lt;/a&gt;
            &lt;/div&gt;
            &lt;div className=&quot;navigation_btn&quot;&gt;
              &lt;samp&gt;&lt;/samp&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/header&gt;
      &lt;/&gt;
    );
  };
  
  export default Header;
  </code></pre>
  <p>I saw it in the browser but the background color is not showing.</p>
  <p>it working with pure HTML select .
  i applying style without using class is work.</p>