Tailwind CSS V4 如何仅覆盖margin（外边距）工具类

要实现只给Margin添加max自定义工具类（如mx-max），同时不改动min-w-max这类依赖Spacing系统的其他工具类，直接在tailwind.config.js的theme.extend下单独配置margin即可，和旧版本的配置逻辑一致：

/** @type {import('tailwindcss').Config} */
export default {
  theme: {
    extend: {
      margin: {
        'max': '100vh',
      },
    },
  },
}

为什么之前的@theme方式会出问题？ #

Tailwind V4的Spacing系统是全局共享的，--spacing-*变量会被所有依赖间距的属性（margin、padding、min-width、max-width等）引用。如果用@theme定义--spacing-max: 100vh，所有用到max这个命名的工具类（比如min-w-max、px-max）都会被覆盖，这显然不是你想要的结果。

配置后的效果 #

完成配置后，生成的mx-max工具类会正确对应：

.mx-max {
  margin-inline: 100vh;
}

而默认的min-w-max不会受到任何影响，依然保持原始行为：

.min-w-max {
  min-width: max-content;
}

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