现代rgb()语法要求空格分隔、禁用逗号、百分比须统一单位，混用整数与百分比或错误分隔会导致整条声明被浏览器静默丢弃，不报错但属性在开发者工具中显示为划掉。
现代 rgb() 语法从 Chrome 93、Firefox 95、Safari 15.4 起全面支持，但混用旧写法或单位会直接失效——不是报错，而是整条 CSS 规则被浏览器静默丢弃，开发者工具里显示为划掉的属性。
rgb() 百分比必须用空格分隔，不能加逗号
旧式写法 rgb(100%, 50%, 0%) 在所有浏览器中仍只认整数，百分比会被当作非法值；现代语法要求用空格，且不带逗号：
-
rgb(100% 50% 0%)✅ 合法，等价于rgb(255 128 0) -
rgb(100%, 50%, 0%)❌ 无效，整条声明被忽略 -
rgb(100% 50% 0% / 0.6)✅ 支持 alpha，但需斜杠分隔
混用单位（如整数+百分比）会导致整条声明失效
只要三个参数中有一个是百分比、另一个是整数，比如 rgb(255, 50%, 128)，解析器会立刻放弃整条声明：
- 不报错、不警告，控制台无提示
- 开发者工具中该
color或background-color属性显示为划掉 - 元素颜色回退到继承值或默认色（通常是黑色或透明）
- 验证方式：在 DevTools 中检查 computed 样式，若没出现 rgb 值，大概率是单位混用了
alpha 通道必须用 / 分隔，不能用逗号
现代语法支持 rgb(r g b / a)，但 rgb(r, g, b, a) 是旧 rgba() 的写法，二者不可混用：
-
rgb(255 0 0 / 0.5)✅ 正确，Chrome/Firefox/Safari 均支持 -
rgb(255, 0, 0, 0.5)❌ 无效，不是标准rgb()，也不是rgba() -
rgba(255 0 0 / 0.5)❌ 错误函数名，rgba()不接受斜杠语法 - 注意：斜杠前后的空格必须存在，
rgb(255 0 0/0.5)会被解析失败
真正容易被忽略的是：百分比不是“混合比例”，而是 0%–100% 到 0–255 的线性映射；rgb(1% 1% 1%) 渲染为 rgb(3 3 3)，不是“几乎黑”，而是明确的深灰。想按权重混合颜色？该用 color-mix()，不是 rgb()。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
