Some Error form Opacity

[lymtu]

It will be displayed when the opacity-80 property is set for the second layer child element div. opacity-100 will not be displayed when set; Not displayed when bg-opacity-60 is set, too.

[alex-krasikau]

Hey @lymtu!

If you have conflicting utilities set on the same element, you can't guarantee which one will take priority in production. To avoid this, wrap your class string with Tailwind Merge, it merges the class strings and makes sure that the last declaration will be applied to the element. Your code will then look like this:

import { twMerge } from 'tailwind-merge'

...
<div className={twMerge(class_, "col-span-2 row-span-2")}>
...

[lymtu]

Thanks,let me try!