Tailwind關(guān)于其配置的文檔多次使用了extend屬性，但是沒(méi)有闡明對(duì)theme屬性和theme.extend屬性進(jìn)行定制的區(qū)別。

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

這里的區(qū)別是什么？我已經(jīng)測(cè)試過(guò)，可以改變顏色和間隔屬性，它們?nèi)匀挥行А?/p>

這很簡(jiǎn)單，extend擴(kuò)展默認(rèn)主題，而不使用extend將完全覆蓋該屬性的默認(rèn)主題。

所以在你的例子中，你總共只有3種顏色，因?yàn)樗心J(rèn)的顏色都將被覆蓋。

但是在保留默認(rèn)值的同時(shí)，間距將會(huì)用其他值來(lái)擴(kuò)展。