title: I can't style any html/jsx tag in css, because it says 'h1 "selector" is not pure'
body: <pre><code>Syntax error: Selector &quot;h1&quot; is not pure (pure selectors must contain at least one local class or id)
  
    5 | }
    6 | 
  &gt; 7 | h1 {
      |              ^
    8 |   font-size: 48px;
    9 |   text-align: center
  </code></pre>
  <p>this is the error that I get when I try to style every selector that is not an id or a class, I've never got this problem before, and I can't find an answer, I've used Next.js for a long time, but that's the first time it appears, idk what to do.</p>