本文介绍如何在 php 动态拼接的 html 字符串中，为条件判断生成的文字（如 "unable" 和 "used"）分别应用红色和绿色样式，通过内联 css 实现即时、可靠的前端着色效果。
在 PHP 中输出带样式的文本（如变色文字），本质是向浏览器输出合法的 HTML + CSS 内容。由于 PHP 本身不直接渲染颜色，需借助 HTML 标签（如 <span>）包裹文本，并通过 style 属性注入 CSS 样式。
以你的原始代码为例：
$paragrap .= $used->NAME." - ".(empty($used->is_complete) ? 'Unable' : 'Used')." - ".$helper->timeLeft($used->created)."<br>";
其中 'Unable' 和 'Used' 是纯文本，浏览器会按默认颜色（通常是黑色）显示。要实现颜色区分，只需将它们替换为带内联样式的 HTML 片段：
✅ 正确写法（推荐）：
立即学习“PHP免费学习笔记（深入）”；
$paragrap .= $used->NAME." - "
. (empty($used->is_complete)
? '<span style="color: red;">Unable</span>'
: '<span style="color: green;">Used</span>')
. " - " . $helper->timeLeft($used->created) . "<br>";? 小贴士：
- 使用 <span> 是语义轻量且安全的选择（避免误用标题或块级标签）；
- style="color: red;" 支持颜色关键词（red, green）、十六进制（#ff0000）、RGB（rgb(255, 0, 0)）等多种写法；
- 若项目已引入 CSS 类，更佳实践是使用类名替代内联样式，便于维护与主题切换：
? '<span class="status-pending">Unable</span>' : '<span class="status-completed">Used</span>'
并在 CSS 中统一定义：
.status-pending { color: #d32f2f; } /* 深红色 */ .status-completed { color: #2e7d32; } /* 深绿色 */
⚠️ 注意事项：
- 确保该 $paragrap 变量最终通过 echo 或类似方式输出到 HTML 页面中，且未被 htmlspecialchars() 或其他转义函数处理——否则 <span> 标签会被转义为纯文本，失去样式效果；
- 若内容含用户输入，务必对 $used->NAME 或 $helper->timeLeft() 的返回值做 XSS 过滤（例如用 htmlspecialchars() 包裹），但不要对已写死的 <span> 标签部分再次转义，否则破坏 HTML 结构；
- 在响应式或深色模式场景下，建议使用相对语义化的颜色（如 --color-error, --color-success CSS 变量），提升可访问性与兼容性。
总结：PHP 控制逻辑，HTML/CSS 负责呈现。一次精准的 <span> 封装 + 内联样式，即可干净、高效地实现条件化文本着色——简洁、可靠，无需额外依赖。
