How to add !important; in tailwind version 4 ?

[suraj50000]

How to add !important; in tailwind version 4 ?
please share an example

[aayamrajshakya]

@suraj50000, you can just add exclamation mark in front of the utility class to add !important.

Example:

Tailwind example

<button class="!bg-green-500">Hello</button>

Vanilla CSS

.button {
  background-color: green !important;
}

<button class="button">Hello</button>