tailwind style children elements (or 3rd party elements)

January 17, 2025

Public

Tailwind

Element within

<div class="[&_p]:text-red-600">
  <p> I'm red</p>
</div>

Class within

<div class="[&_.foo]:text-red-600">
  <p class="foo"> I'm red</p>
  <p> I'm not</p>
</div>

<div class="[&_p.foo]:text-red-600">

<div class="[&_p.foo]:hidden">