title: Before and after pseudo elements not working in tailwind CSS
body: <p>I am using typography plugin that tailwind provides inside my NextJS project.</p>
  <p>It displays Content inside the <code>code</code> tag with backtick around it. I am trying to remove these backticks. So I tried <code>.prose code::before {content: &quot;&quot;;}</code> inside my globals.css file but it has no effect. It works when I change it from Firefox style editor.</p>
  <p>Any ideas why it is not working?</p>
  <pre class="lang-css prettyprint-override"><code>/* globals.css inside NextJS Project */
  .prose code::before {
    content: &quot;&quot;;
  }
  
  .prose code::after {
    content: &quot;&quot;;
  }
  </code></pre>