Menu
I added a group hover to an element but also a hover to that element. The group-hover works, but when I hover over the element itself the background color doesn't change.
bg-green-500 group-hover:bg-green-200 hover:bg-green-500
877
Just use last:${yourClassName} to target the last child in your case. Even though the other answer, this answer now points to the best way to do first/last child selection.
In Tailwind CSS, you can style the placeholder text of an input field (or textarea) by using the placeholder modifier (a modifier is a prefix word that can be added to the beginning of a utility class). That's it.
This is now possible with Tailwind Just-in-Time mode, using the built-in important modifier:
<div className="group">
<div className="opacity-0 group-hover:opacity-50 hover:!opacity-100">
Note the magic of the exclamation point!
</div>
</div>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
