tailwind-css - 如何使用 purgeCSS (Tailwindcss) 将选择器列入白名单或安全名单?

标签 tailwind-css postcss craco

我正在尝试使用 Tailwindcss RTL 插件,它生成一些以 [dir=rtl][dir=ltr] 开头的类。但由于 Purge CSS 会删除它,而不管它的用途。

最佳答案

这是我解决这个问题的方法 因为纯 CSS 是愚蠢的,它会查找与需要清除的内容匹配的字符串。所以为了愚弄它,我们可以简单地添加我们想要保存的类或属性。

像这样

<main class="[dir=rtl] [dir=ltr] container">
{some content}
</main> 

关于tailwind-css - 如何使用 purgeCSS (Tailwindcss) 将选择器列入白名单或安全名单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67064926/

相关文章:

css - 如何添加盒子大小: border-box to all HTML elements using TailwindCSS

javascript - 设计系统 : styles override using TailwindCSS

javascript - 一些 Tailwind 样式在 Next.js 的生产环境中不起作用

tailwind-css - 如何应用 Tailwind Typography 自定义颜色主题

tailwind-css - 在 Svelte 应用程序中使用 Tailwind CSS 时构建时间太长

css - 在 css 中使用 Bootstrap 4 媒体查询

reactjs - Jest 测试无法使用 create react app 和 craco 导入铯

javascript - NPM 中的 --openssl-legacy-provider 是什么?