如何在使用 Tailwind 打开时设置 <details> 标签的样式

Question

在 css 中，当标签打开时，我使用它来设置另一个元素的样式。如何使用 Tailwind 做同样的事情？

.filesParent[open] .class {
// styles..
 }

Answer 1

您可以在 tailwind css 文件中添加规则。

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..
  }
}