如何根据id为total的数值动态应用CSS颜色样式

标题用法 #

用#的数量区分标题层级，数量越少层级越高：

二级标题（章节标题） #

三级标题（小节标题） #

无序列表 #

用-开头创建列表，支持嵌套：

• 日常任务
  • 整理项目文档
  • 提交代码版本
• 学习计划
  • 熟练掌握Markdown格式
  • 练习前端基础语法

文本强调 #

• 斜体效果：这是一段需要轻度突出的斜体文本
• 粗体效果：这是需要重点强调的粗体文本
• 混合用法：可以在斜体段落里加入粗体内容来突出核心信息

代码展示 #

• 行内代码：运行git status查看本地仓库状态
• 多行代码块（指定语言后会自动生成语法高亮）：

function getTotal(numbers) {
  return numbers.reduce((sum, num) => sum + num, 0);
}

const nums = [1, 3, 5, 7];
console.log(getTotal(nums));

引用内容 #

引用他人发言、官方文档内容时，用>开头标记。
多行引用只需在每一行前添加>，会自动合并为一个完整的引用块。

链接添加 #

格式为[显示文本](链接地址)：

• 语法参考：Markdown官方语法指南
• 项目地址：访问GitHub开源平台查看源码

图片插入 #

格式为[图片加载失败时显示的文本](图片链接)：

• 示例图片：随机风景图

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