Show-hide an element based on existence of a parent class in Tailwind
Little relatively unknown Tailwind trick using group
:
<div class="group is-published">
<div class="hidden group-[.is-published]:block">
Show only when parent has class "is-published"
</div>
</div>
→ Get my CSS Handbook
I wrote 17 books to help you become a better developer, download them all at $0 cost by joining my newsletter
JOIN MY CODING BOOTCAMP, an amazing cohort course that will be a huge step up in your coding career - covering React, Next.js - next edition February 2025