Tailwind關于其配置的文檔多次使用了extend屬性，但是沒有闡明對theme屬性和theme.extend屬性進行定制的區別。

module.exports = {
  content: ['./src/**/*.{html,js}'],
  theme: {
    colors: {
      'blue': '#1fb6ff',
      'purple': '#7e5bef',
      'pink': '#ff49db',
    },
    extend: {
      spacing: {
        '8xl': '96rem',
        '9xl': '128rem',
      },
    }
  },
}

這里的區別是什么？我已經測試過，可以改變顏色和間隔屬性，它們仍然有效。

這很簡單，extend擴展默認主題，而不使用extend將完全覆蓋該屬性的默認主題。

所以在你的例子中，你總共只有3種顏色，因為所有默認的顏色都將被覆蓋。

但是在保留默認值的同時，間距將會用其他值來擴展。