xxxxxxxxxx
<div class="!bg-gray-200">the exclamation mark sets that class to important</div>
xxxxxxxxxx
<!-- just add "!" to any configuration -->
<p class="!font-medium hover:!text-lg">
This will have a medium font weight and large text on hover
NO MATTER WHAT :)
</p>
xxxxxxxxxx
using ! sign before the class makes it important
example: !text-3xl ==>
.\!text-3xl {
font-size: 1.875rem/* 30px */ !important;
line-height: 2.25rem/* 36px */ !important;
}
xxxxxxxxxx
<!-- Just add ! at the beginning of the class: -->
<button class="!bg-green-500"> Button with !important </button>