How do I make tailwind to take more precedence over third-party library styles

[drtobbyas]

Hi, I'm building a nuxt.js app with tailwind setup as in nuxt doc (@nuxt/tailwind) and also using ant design (because of its large collection of useful components) which I installed with nuxt.js cli. The setup is fine so far however, I want the tailwindcss classes I use on ant design component to override the predefine styles. I know I could use important in tailwind css which will append "!important" to all generated classes and get that job done. However, things may break in the future. Both classes appear in the element when I check in chrome devtools but tailwind tends to happen first and ant design styles then override it.

Is there a better alternative to get tailwind to happen after ant design and ultimately take precedence.