小编Aar*_*ina的帖子

如何修改 TailwindCSS 中 Typography prose 类的默认样式?

我有一个 TailwindCSS 2.0 项目,并且安装了所有插件,包括 Typography 插件。当我创建一个 div class="prose" 时,我可以将任何标题、段落、列表等放入其中,并由 Typography 插件对其进行样式设置。

在我的项目中,我希望默认情况下散文类中的所有内容都是某种蓝色。我还希望链接是我在配置中定义的某种链接颜色。这些只是我想要进行的一些修改,以便默认的散文类可以按照我的风格对所有内容进行样式设置。我该如何去做?最佳实践是什么?

tailwind-css

18
推荐指数
1
解决办法
2万
查看次数

使用 TailwindCSS 和 Typography 插件,如何允许使用类在 .prose 中进行自定义?

我安装了 TailwindCSS 2.0 和 Typography 插件。我已经按照文档的建议在 Tailwind 配置中自定义了默认样式。在我的自定义中,我有文本颜色的样式,甚至还有 h2、h3 等的自定义,一切都按预期工作。

但是,我希望能够偶尔通过将类直接添加到标签来修改 .prose 类中的样式。例如:

<div class="prose">
<h2 class="text-red-400">Make this heading red even though the default configuration makes it grey.</h2>
</div>
Run Code Online (Sandbox Code Playgroud)

上面的代码似乎对更改标题 2 没有影响。我猜是因为 text-red-400 的特异性较低,所以它被主题样式覆盖。我想在我的网站上的很多地方使用散文,但偶尔也允许在散文类内部进行自定义。有没有办法进行设置以便我可以做到这一点?

tailwind-css

3
推荐指数
1
解决办法
2844
查看次数

标签 统计

tailwind-css ×2