这里可以查看到tailwind的默认设置。下面回答上一章提出的问题:text-3xl转化为原生CSS之后,为什么变成了

font-size: 1.875rem;
line-height: 2.25rem;

默认配置文件中,我们找到了答案:

fontSize: {
      xs: ['0.75rem', { lineHeight: '1rem' }],
      sm: ['0.875rem', { lineHeight: '1.25rem' }],
      base: ['1rem', { lineHeight: '1.5rem' }],
      lg: ['1.125rem', { lineHeight: '1.75rem' }],
      xl: ['1.25rem', { lineHeight: '1.75rem' }],
      '2xl': ['1.5rem', { lineHeight: '2rem' }],
      '3xl': ['1.875rem', { lineHeight: '2.25rem' }], // 答案在这
      '4xl': ['2.25rem', { lineHeight: '2.5rem' }],
      '5xl': ['3rem', { lineHeight: '1' }],
      '6xl': ['3.75rem', { lineHeight: '1' }],
      '7xl': ['4.5rem', { lineHeight: '1' }],
      '8xl': ['6rem', { lineHeight: '1' }],
      '9xl': ['8rem', { lineHeight: '1' }],
    },

Tailwind 非常难讲,原因在于它只是对 CSS 的简单封装,如果逐条列出它定义的class来进行讲解的话,讲的人累的要死,作为读者的你也会困的要死——随时准备关掉网页睡觉。