How to style the <details> tag when open using Tailwind

Yo can add the rule in your tailwind css file.

https://tailwindcss.com/docs/installation#using-a-custom-css-file

/* ./src/tailwind.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .filesParent[open] .class {
    // styles..
  }
}

I ended up using the @apply rule in my Tailwind.scss file

.FilesParent[open] .class {
  @apply text-red-violet-500
}