title: vscode css class detector if it's available in style.css
body: <p>i have an index.html that contains my html with tailwindcss classes, i also have custom classes on style.css file, sometimes when i add classes to div element, i do use wrong classes that are not exist in style.css and i spent minutes or sometimes hours to catch the bug.</p>
  <p>example :</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="w-full bg-prim shadow-md py-4 flex flex-col px-12 hover:h-96 transition-height duration-500 ease-in-out spacey-4"&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>let's say spacey-4 is not exist in style.css and it's a wrong class.</p>
  <p>well here is how is happened to me, i spent 3 hours today, solving a UX bug, because i used a wrong class by mistake, , i didn't realized when i added a character to a class, and then it crashed the UX</p>
  <p>is there a vscode extension that will detect this error, like underline it if it's not exist!</p>