Tailwind CSS Blog
·
轻松排版，即使在暗黑模式下
💡
原文英文，约400词，阅读约需2分钟。
📝
内容提要
Tailwind CSS Typography 插件 v0.5 发布，新增支持暗黑模式和定制 API。新增的 prose-invert 类可在暗黑模式下轻松切换排版颜色，插件简化了颜色主题定义，并允许直接修改 HTML 样式。通过 not-prose 类，可以插入不受排版样式影响的 HTML。
🎯
关键要点
- Tailwind CSS Typography 插件 v0.5 发布，新增支持暗黑模式和定制 API。
- 新增的 prose-invert 类可在暗黑模式下轻松切换排版颜色。
- 插件简化了颜色主题定义，允许用户直接修改 HTML 样式。
- 通过 not-prose 类，可以插入不受排版样式影响的 HTML。
❓
延伸问答
Tailwind CSS Typography 插件 v0.5 有哪些新功能？
新增支持暗黑模式、定制 API 和 not-prose 类。
如何在暗黑模式下使用 prose-invert 类？
可以通过在 HTML 中添加 class="dark:prose-invert" 来轻松切换排版颜色。
Tailwind CSS v3.0 提供了多少种灰色主题？
Tailwind CSS v3.0 默认提供五种不同的灰色主题。
如何使用 HTML 定制 API 修改排版样式？
可以在 HTML 中使用各种修饰符来调整特定元素的排版样式。
not-prose 类的作用是什么？
not-prose 类用于插入不受排版样式影响的 HTML 内容。
如何安装 Tailwind CSS Typography 插件 v0.5？
可以通过命令 npm install -D @tailwindcss/typography@latest 安装该插件。
➡️
