我有一个 TailwindCSS 2.0 项目,并且安装了所有插件,包括 Typography 插件。当我创建一个 div class="prose" 时,我可以将任何标题、段落、列表等放入其中,并由 Typography 插件对其进行样式设置。
在我的项目中,我希望默认情况下散文类中的所有内容都是某种蓝色。我还希望链接是我在配置中定义的某种链接颜色。这些只是我想要进行的一些修改,以便默认的散文类可以按照我的风格对所有内容进行样式设置。我该如何去做?最佳实践是什么?
我安装了 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 ×2