About Very Important CSS Classes in TailwindCSS

To force a CSS class definition with !important in TailwindCSS, add an exclamation mark before the TailwindCSS class:

1
2
3
document.querySelector('.ql-editor').className += (
    ' prose !prose-base ...'
);

In this example, the margins between headers and paragraphs are forced to be used as in TailwindCSS Typography, and not as in Quill Editor's style.

Tips and Tricks Development Frontend JavaScript TailwindCSS Quill