Prefix any utility with ! to emit !important — surgical specificity wins.

Classes#

reference
js
<div class="!mt-0">Beats the inherited margin</div>

Example#

example
html
<div class="!mt-0">Beats the inherited margin</div>

Responsive & variants#

Every class here accepts screen prefixes (sm: … xl:) and state variants — md:hover:p-4 style stacks compile to a single media query. See responsive/index|Responsive design and variants/index|Variants.

Best practices#

  • Great for third-party CSS collisions
  • Global alternative: the important config option

concepts/class-anatomy|Class anatomy