为什么在我给它添加缓冲之后，默认的顺风css填充类不能工作呢？

Question

在tailwind.config.js中添加此自定义填充类之后

  module.exports = {
         theme: {
      padding: {
          yt: '56.25%'
        }
    }

我可以用这个类作为pb作为底部填充。然而，过去用来填充的普通类现在不起作用了。例：p-8 p24 px-4 pb-4是默认的顺风类，在我添加自定义类之前就已经开始工作了。我在这里做错什么了？

Answer 1

您希望扩展配置(例如，添加p-yt类，但保留现有的填充类)。

幸运的是，Tailwind有一个解决方案。将padding对象移动到extend对象中，而不是执行已有的操作。

module.exports = {
  theme: {
    extend: {
      padding: {
        yt: '56.25%'
      },
    }
  },
}

这告诉TailwindCSS添加p-yt实用程序并保留现有的填充实用程序。当您设置没有extend对象的配置时，您将完全覆盖现有的配置。