red、tomato、lightgray等命名颜色不建议在生产环境使用，因其是固定rgb硬编码别名，无语义、不可计算、不支持透明度与主题切换，拼写错误静默失效，且无法参与css现代颜色运算与构建工具链稳定处理。
直接说结论：red、tomato、lightgray 这类颜色关键词不是“不能用”，而是它们在生产环境里无法被维护、无法参与计算、无法响应主题变化——写上去那一刻就脱离了工程控制。
拼写和大小写错误静默失效，查不到也报不了错
浏览器只认 W3C 官方定义的 140+ 个全小写、无空格、无连字符的名称。写成 LightGray、rebeccapurple（少一个 e）、midnight-blue，结果都是：样式被划掉，元素回退到继承色或默认色，DevTools 不提示、控制台不报错。
查证方式很简单：打开 Chrome DevTools 的 Styles 面板，输入 color: xxx，如果值被划掉或没高亮，说明不识别。
常见踩坑点：
-
currentcolor是合法关键字，但currentColor（大写 C）完全无效 - 设计稿里写的 “Cool Gray” 直接复制进 CSS → 浏览器当无效值忽略
- 正则全局替换
red时，把注释里的// temp red for debug也替掉了
单边颜色属性里“设了等于没设”
只写 border-bottom-color: rebeccapurple，边框大概率看不见——因为 border-bottom-style 默认是 none，再准的颜色也没用。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
必须同时声明：
-
border-bottom-style（如solid、dashed） -
border-bottom-width（哪怕只是1px）
更稳妥的写法是简写：border-bottom: 2px solid rebeccapurple；如果已用 border-color: black，再单独覆盖底边，得确保 border-bottom-color 声明在它之后，否则会被层叠规则覆盖。
无法参与现代 CSS 颜色运算和主题适配
tomato 本质是硬编码的 rgb(255, 99, 71)，浏览器一解析就丢掉名字，后续所有操作都断联：
-
rgba(tomato, 0.8)是非法语法，必须先转成rgb(255, 99, 71)再套rgba() -
color-mix(in srgb, tomato 70%, white 30%)不支持，函数只接受可解析的颜色结构 - 深色模式下，
lightgray可能被 Windows 强制映射为纯黑，而#d3d3d3始终稳定 - 无障碍检测工具（如 axe-core）跳过对
tomato的对比度校验，只认#ff6347、rgb()、hsl()等可计算格式
构建工具链中行为不可控
PostCSS、cssnano、Webpack 的 MiniCssExtractPlugin 等工具对颜色关键词的支持高度依赖版本：
- 老版本 cssnano 会把未收录在 CSS Color Module Level 4 中的颜色名（如
RebeccaPurple）当作无效值直接剔除 - CI 环境 Docker 镜像里的 PostCSS 插件可能比本地低 2~3 个 minor 版本，导致本地能跑、线上失效
- 某些构建流程中，遇到未声明的颜色名会跳过整个规则块，而不是仅忽略该行
真正麻烦的不是颜色本身不准，而是它让“改一处、验全场”这件事彻底失去确定性——你永远不知道下一次部署，哪个 red 会突然消失。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
