title: Is there a way to wrap generated Tailwind classes under a root class?
body: <p>I would like to wrap the generated Tailwind utility classes with a class to prevent them from bleeding into consumer stylesheets, like this:</p>
  <pre class="lang-css prettyprint-override"><code>.root {
    @tailwind base;
    @tailwind components;
    @tailwind utilities;
    @tailwind variants;
  
   .exampleClass { }
  }
  </code></pre>
  <pre><code>&lt;div className=&quot;root&quot;&gt;{children}&lt;/div&gt;
  </code></pre>
  <p>However, this does not work.</p>
  <p>Could you please give me some advice to solve the issue? Thanks in advance.</p>