如何自定义尾风排版阻滞

Question

为了添加打开和关闭报价，尾风的排版在和之后添加 pseudo元素之后添加：

<blockquote>
    :after
    <p>Lorem ipsum.</p>
    :before
</blockquote>

我想自定义样式删除闭幕报价以匹配此内容模式：

是否可以从tailwind.config.js自定义它，还是我应该用CSS和<代码>！重要？

Answer 1

如本期所述： https://github.com/tailwindlabs/tailwindcss-typography/issues/66#issuecomment-756834635

您可以将以下配置添加到tailwind.config.js ：

module.exports = {
  theme: {
    // ...
    extend: {
      typography: {
        quoteless: {
          css: {
            'blockquote p:first-of-type::before': { content: 'none' },
            'blockquote p:first-of-type::after': { content: 'none' },
          },
        },
      },
    },
  },
  //...
}

并将类散文Quoteless添加到您的散文元素删除所有报价。