如何为取值为0=否/1=是的tinyint字段查询结果设置差异化CSS样式

完全可以在现有三元判断逻辑中直接嵌入带类名的标记元素实现需求，无需拆分原有判断逻辑，整体改动量极小。

具体实现 #

1. 直接修改原PHP输出代码，根据判断结果输出对应类名的<span>标签（优先选择行内元素span而非块级div，避免产生不必要的布局问题）：

   <?php echo $rad['attended'] ? '<span class="attend-yes">yes</span>' : '<span class="attend-no">no</span>'; ?>
   

2. 在项目CSS文件（或当前页面的style块）中定义对应类的样式，完全匹配显示需求：

   /* yes 状态：绿色加粗 */
   .attend-yes {
       color: green;
       font-weight: bold;
   }
   /* no 状态：红色斜体 */
   .attend-no {
       color: red;
       font-style: italic;
   }
   

为什么这个是最简便的方案 #

• 完全沿用你现有的三元判断结构，不需要新增临时变量、多分支if判断，是改动成本最低的实现方式
• 选择span而非div的核心原因是，这类出席状态通常是和姓名、课程名等同行展示的，块级div会强制换行、自带默认边距，很容易打乱原有页面布局，行内span的表现和原纯文本输出的布局兼容性完全一致
• 样式通过类选择器定义，和PHP输出逻辑完全解耦，后续如果需要调整颜色、字重等效果，只需要修改CSS规则即可，不需要再动后端代码

内容的提问来源于stack exchange，提问作者soi