Skip to content
FLAVIO COPES
flaviocopes.com
2026

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>
~~~

Related posts about css: