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

Answer 2

我最终在 Tailwind.scss 文件中使用了 @apply 规则

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