# Show or hide an element by parent class in Tailwind

> Learn a lesser-known Tailwind trick that shows or hides an element based on a parent class, using the group utility with the group-[.is-published] variant.

Author: [Flavio Copes](https://flaviocopes.com/about/) | Published: 2024-09-14 | Topics: [CSS](https://flaviocopes.com/tags/css/) | Canonical: https://flaviocopes.com/show-hide-an-element-based-on-existence-of-a-parent-class-in-tailwind/

Little relatively unknown Tailwind trick using `group`:

```html
<div class="group is-published">
  <div class="hidden group-[.is-published]:block">
    Show only when parent has class "is-published"
  </div>
</div>
```