title: Not able to import multiple css without applying in React App
body: <p>I have a react app where i have created two stylesheets, one with daylight light colors and other with night light dark colors. While i am trying to import both the later one gets applied automatically. I just want to import them and not apply by default. Based on some condition i'll be applying one of them .</p>
  
  <p>Here is the code :</p>
  
  <pre><code>import Daylight from './daylight.css';
  import Nightlight from './nightlight.css';
  
  </code></pre>
  
  <p>I tried require also, that also doesn't helps</p>
  
  <pre><code>const Daylight = require('./daylight.css');
  const Nightlight = require('./nightlight.css');
  
  </code></pre>