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, ) } 

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