rrggbbaa比rgba()更紧凑但容错率极低：必须严格8位小写无空格，引号、空格、位数错误均导致静默失效；旧浏览器不兼容需手动fallback，且css变量中不可加引号或拼接。
能用，但必须写对、放对位置、兼容性兜底也得手动做——错一个字符或漏一行 fallback，样式就静默失效，控制台还不报错。
为什么 #RRGGBBAA 比 rgba() 更紧凑却容易翻车
它省去了把 #ff6b35 拆成十进制再套 rgba() 的步骤，也避免了 rgb(0 0 0 / 50%) 这种新语法的兼容问题。但代价是：浏览器对格式零容忍。
-
#ff6b3580✅ 正确：8位、小写、无空格、无引号 -
"#ff6b3580"❌ 引号让整个值变成字符串字面量，color属性直接忽略 -
#ff6b35 80❌ 空格中断解析，整条声明被丢弃 -
#ff6b358❌ 少一位，不是8位就不认 -
AA是十六进制透明度：不是“80% 透明”，而是 128/255 ≈ 50% 不透明（即 50% 透明）
CSS 变量里用 #RRGGBBAA 的三个硬约束
在 :root 里定义 --primary: #ff6b3580; 没问题，但后续使用时极易踩坑：
- 必须写成
color: var(--primary);—— 浏览器才能原样解析为带 alpha 的颜色 -
--primary: "#ff6b3580";❌ 引号导致变量值是字符串，color无法识别 -
--primary: #ff6b3580;写错一位（比如#ff6b3581），不会高亮报错，只默默 fallback 到初始值（如黑色），极难排查 - 变量不支持拼接：
--bg: #ff6b35 + "80";这类写法完全无效，CSS 不提供字符串运算
兼容旧浏览器必须手动 fallback，顺序不能反
CSS 不会自动降级。IE、Safari ≤15、老安卓 WebView 都不识别 #RRGGBBAA，必须显式写出兼容写法：
background-color: #2c3e50; background-color: rgba(44, 62, 80, 0.85); background-color: #2c3e50d9;
- 顺序关键：fallback（六位色或
rgba()）必须写在前面，#RRGGBBAA放最后 - 如果反过来，IE8 及以下会跳过所有声明，背景直接变透明黑
-
rgba()是最稳兜底：IE8+、Android 2.3+、iOS 4.3+ 全支持，且 alpha 必须是 0–1 小数（rgba(0,0,0,0.7)✅；rgba(0,0,0,70%)❌）
最易被忽略的一点：八位色值一旦出错，既不报错也不提示，只默默失效——盯住那 8 个字符，比查文档快得多。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
