本文详解如何在 PHP 的 foreach 循环中，针对数据库查询出的每个字符串（如 "Yes"/"No"）独立判断并应用对应颜色样式，避免重复定义 <style> 和 HTML 结构错误。
本文详解如何在 php 的 foreach 循环中，针对数据库查询出的每个字符串（如 "yes"/"no"）独立判断并应用对应颜色样式，避免重复定义 `
在动态生成 HTML 表格时，常需根据数据内容（如 "Yes" 或 "No"）为单元格文本赋予不同颜色以提升可读性。但初学者易陷入常见误区：在循环内重复输出 <style> 标签或嵌套 <html><head> 结构——这不仅违反 HTML 规范（一个文档仅允许一个 <html> 和 <head>），更会导致样式覆盖（后定义的 CSS 规则覆盖前序规则），最终所有单元格呈现同一颜色。
✅ 正确做法是：将样式声明集中于 <head> 一次定义，再在循环中通过条件表达式动态绑定类名。
以下是一个完整、可直接运行的示例（适配你从数据库获取的 $contacts 关联数组）：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Yes/No 彩色表格</title>
<style>
.status-yes { color: #28a745; font-weight: bold; } /* 绿色，语义化命名 */
.status-no { color: #dc3545; font-weight: bold; } /* 红色 */
</style>
</head>
<body>
<?php
// 示例：模拟从数据库获取的数据（实际项目中此处为 $pdo->fetchAll(PDO::FETCH_ASSOC)）
$contacts = [
['test1' => 'Yes', 'test2' => 'No', 'test3' => 'Yes', 'test4' => 'No', 'test5' => 'Yes', 'test6' => 'No'],
['test1' => 'Yes', 'test2' => 'Yes', 'test3' => 'No', 'test4' => 'Yes', 'test5' => 'No', 'test6' => 'Yes'],
['test1' => 'No', 'test2' => 'Yes', 'test3' => 'Yes', 'test4' => 'No', 'test5' => 'No', 'test6' => 'Yes'],
];
// 注意：若字段值为 'Yes'/'No'，请确保大小写一致；如需忽略大小写，可用 strtolower()
?>
<table style="border-collapse: collapse; width: 100%; margin: 20px 0;" class="shadow">
<thead>
<tr style="background-color: #f8f9fa;">
<th style="padding: 12px; text-align: left; border: 1px solid #dee2e6;">Test1</th>
<th style="padding: 12px; text-align: left; border: 1px solid #dee2e6;">Test2</th>
<th style="padding: 12px; text-align: left; border: 1px solid #dee2e6;">Test3</th>
<th style="padding: 12px; text-align: left; border: 1px solid #dee2e6;">Test4</th>
<th style="padding: 12px; text-align: left; border: 1px solid #dee2e6;">Test5</th>
<th style="padding: 12px; text-align: left; border: 1px solid #dee2e6;">Test6</th>
</tr>
</thead>
<tbody>
<?php foreach ($contacts as $row): ?>
<tr>
<td style="padding: 10px; border: 1px solid #dee2e6;">
<span class="<?= ($row['test1'] === 'Yes') ? 'status-yes' : 'status-no' ?>"><?= htmlspecialchars($row['test1']) ?></span>
</td>
<td style="padding: 10px; border: 1px solid #dee2e6;">
<span class="<?= ($row['test2'] === 'Yes') ? 'status-yes' : 'status-no' ?>"><?= htmlspecialchars($row['test2']) ?></span>
</td>
<td style="padding: 10px; border: 1px solid #dee2e6;">
<span class="<?= ($row['test3'] === 'Yes') ? 'status-yes' : 'status-no' ?>"><?= htmlspecialchars($row['test3']) ?></span>
</td>
<td style="padding: 10px; border: 1px solid #dee2e6;">
<span class="<?= ($row['test4'] === 'Yes') ? 'status-yes' : 'status-no' ?>"><?= htmlspecialchars($row['test4']) ?></span>
</td>
<td style="padding: 10px; border: 1px solid #dee2e6;">
<span class="<?= ($row['test5'] === 'Yes') ? 'status-yes' : 'status-no' ?>"><?= htmlspecialchars($row['test5']) ?></span>
</td>
<td style="padding: 10px; border: 1px solid #dee2e6;">
<span class="<?= ($row['test6'] === 'Yes') ? 'status-yes' : 'status-no' ?>"><?= htmlspecialchars($row['test6']) ?></span>
</td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
</body>
</html>? 关键要点与注意事项：
立即学习“PHP免费学习笔记（深入）”；
- 样式必须全局定义：CSS 类（如 .status-yes）只应在 <head> 中声明一次，不可在循环中重复输出 <style>。
- 类名动态绑定：使用三元运算符 <?= ($condition) ? 'class1' : 'class2' ?> 为每个 <td> 内容精准分配样式，确保每个单元格独立判断。
- 安全输出：务必对数据库内容使用 htmlspecialchars() 转义，防止 XSS 攻击（尤其当字段可能含特殊字符时）。
- 严格相等判断：推荐使用 ===（全等）而非 ==，避免 'Yes' == 1 等意外类型转换。
-
扩展性建议：若字段较多，可封装为函数：
function renderStatus($value) { $cls = ($value === 'Yes') ? 'status-yes' : 'status-no'; return '<span class="' . $cls . '">' . htmlspecialchars($value) . '</span>'; } // 使用：<?= renderStatus($row['test1']) ?>
此方案完全兼容你实际的 PDO 数据库查询逻辑，只需将 $contacts 替换为 fetchAll(PDO::FETCH_ASSOC) 的结果即可无缝集成，既简洁高效，又符合 Web 开发最佳实践。
