unocss 的顺序问题，求大佬解惑

大佬们，unocss 这种没有语义顺序吗，我先写的 red 然后前后插入新样式，但是实际是 red 生效

<div className="size-50px bg-green bg-red bg-blue"></div>

就是想组件的传入 className 灵活些，可以直接注入

className={
  clsx(
    'px-12px flex-center border-0 select-none focus:outline-none relative',
    'bg-gradient-to-r from-[#006DE9] to-[#0077FF] ',
    'disabled:bg-blue-300 disabled:cursor-not-allowed',
    'flex-center',
    rounded ? 'rounded-100000px' : '',
    isPressed ? 'bg-blue-800' : '',
    fullWidth ? 'w-full' : 'w-auto',
    loading ? 'opacity-50' : 'opacity-1000',
    sizeCss[size],
    className,
  )
}

有这些相关的配置吗，找了一圈了