Classes in markdown file are overwritten

I have last version of nuxt, nuxt/content and node.js

What is expected??

By default I have h1,h2,h3… with taliwind text-center and I put some table in the markdown tables as this:

<div class=" text-center">
  <p class="text-red-500 text-4xl">Arduino Mega</p>
  <ul>
    <li class="py-10 text-yellow-500 text-3xl">5€</li>
    <li class="pt-4">16KHz</li>
    <li class="py-4">8K Memoria</li>
    <li class="py-4">256K Flash</li>
    <li class="py-4">4K EEPROM</li>
    <li class="py-4">3x16bit Timer</li>
    <li class="py-4">13KHz Step Rate</li> 
  </ul>
</div>

And after generate the site to static I will see what I see in development

What append?

After generate all pages of nuxt content don’t have the style I wanted. Olso table are not as expected.

tailwind.config.js:

const colors = require('tailwindcss/colors')


module.exports = {
  purge: {
    content: [
      './content/**/*.md'
    ],
    options: {
      safelist: ['m_ard', 'top_ard', 'title_ard', 'b_nav_ard', 'card_ard','code_area_ard', 'comment_ard']
    },
  },
    prefix: '',
    important: false,
    separator: ':',
    theme: {
        colors: {
            gray: colors.trueGray,
            red: colors.red,
            yellow: colors.yellow,
            green: colors.green,
            blue: colors.sky,
            orange :colors.orange
          },

    },
    variants: 
    {},
    plugins: [
    ],
  }

[NozomuIkuta]

@StefanoTesla

It’s appreciated if you follow the forms in the Issue Template, and provide the specific versions of packages and reproduction link. Otherwise, people can’t be on the same page with you and can’t tell something on the correct assumption.

[NozomuIkuta]

@StefanoTesla

Do you mean the issue is not fixed in your project?

Then, there might be some conditions specific to your project.

Without any more information or reproduction, I can’t say anything that may helpful to you.