How can disable inheritance in tailwind?

@mac 

In order to disable inheritance in Tailwind CSS, you can use the inherit utility class, which overrides any inherited styles from the parent element. Just add the inherit-none class to the element you want to disable inheritance on.

For example:

1
2
3

<div class="inherit-none">
  This element will not inherit any styles from its parent
</div>

This class will prevent the element from inheriting any styles from its parent, allowing you to style it independently.