如何彻底移除Tailwind CSS中的max-w-prose工具类？

• 方法一：直接重写maxWidth配置
  在tailwind.config.js的theme部分，重新定义maxWidth集合，只保留你需要的类，完全排除prose项：

  /** @type {import('tailwindcss').Config} */
  module.exports = {
    theme: {
      maxWidth: {
        'none': 'none',
        'xs': '20rem',
        'sm': '24rem',
        'md': '28rem',
        'lg': '32rem',
        'xl': '36rem',
        '2xl': '42rem',
        '3xl': '48rem',
        '4xl': '56rem',
        '5xl': '64rem',
        '6xl': '72rem',
        '7xl': '80rem',
        'full': '100%',
        'min': 'min-content',
        'max': 'max-content',
        'fit': 'fit-content',
      }
    }
  }
  

• 方法二：通过extend覆盖移除
  不想重写全部maxWidth项的话，可在theme.extend里将prose设为null，直接剔除该类的生成规则：

  /** @type {import('tailwindcss').Config} */
  module.exports = {
    theme: {
      extend: {
        maxWidth: {
          'prose': null,
        }
      }
    }
  }
  

补充说明 #

max-w-prose是Tailwind核心自带的max-width工具类，并非@tailwindcss/typography插件专属，所以移除插件后它仍会被生成。上述两种方法都是直接从配置层面取消该类的生成，不需要通过CSS优先级覆盖，能彻底解决问题。

内容的提问来源于stack exchange，提问作者rozsazoltan