Sometimes you might come across a problem where TailwindCSS classes won't apply/take effect to an existing application's predefined classes. This is caused by CSS specificity where the order of importance is higher/more important than TailwindCSS utility classes.
To solve this the "important" option must be used which then will make sure that all of the classes will now be generated as "!important".
To solve this the "important" option must be used which then will make sure that all of the classes will now be generated as "!important".
// tailwind.config.js
module.exports = {
important: true,
}
Leave a reply