按数据库标志替换CSS

我在数据库中保存了一些标志，每个标志在我的页面上都有一个特定的图标

比如：

<div class="myClass">
 <i class="icon-flag1"></i>
 <i class="icon-flag2"></i>
 <i class="icon-flag3"></i>
</div>  

每当旗帜亮起时，例如：它是“1”。我需要引起用户的注意，图标/标志将表明他需要注意此特定标志，通过图标和我拥有的悬停弹出窗口，用户将知道每个图标的含义

我的问题是：如何根据数据库标志值更改该元素的颜色

---

或者，有没有更简单的方法来实现这一目标？

请查看此代码片段，其中显示了如何根据网站或应用程序中的某些触发器更改图标颜色

出于演示目的，我的触发器在这里是onMouseOver，因此您可以看到它在运行，在您自己的应用程序中，它当然会由MySQL查询、信号或您所述的图标ID触发

$（'#iconA'）。鼠标悬停（函数（）{
$（'iconA'）.addClass（'isRED'）；
});
$（'#iconB'）.mouseover（函数（）{
$（'#iconB'）.addClass（'isGREEN'）；
});
$（'#iconC'）.mouseover（函数（）{
$（'iconC'）.addClass（'isBLUE'）；
});
.isRED{color:red；}
.isGREEN{color:green；}
.isBLUE{color:blue；}

X
X
X
首先，最好创建一个泛型类，例如
.icon-flag
，它包含将应用于所有图标的样式，这样您就不会重复自己，也不会使用诸如
.icon-flag1、.icon-flag-2、.icon-flag-3{}/code>之类的选择器，等，用于设置单个图标（例如，背景图像）

然后添加“状态”样式，例如
.active、.inactive
，以更改字体

下面是一个例子：

// Common styles to all icons
.icon-flag {
  font-size: 20px;
  font-style: normal;
  display: block;
}

 // State styles
.icon-flag.active { color: green; }
.icon-flag.inactive { color: red; }
.icon-flag.deleted { color: grey; font-style: italic; }

// You'd do your different icon backgrounds, etc in here.
//   .icon-flag-1 {}, .icon-flag-2 {}, .icon-flag-3 {}, etc...

<div id="icon-example-1">
  <i class="icon-flag icon-flag-1 active">1</i>
  <i class="icon-flag icon-flag-2 inactive">2</i>
  <i class="icon-flag icon-flag-3 deleted">3</i>
  <i class="icon-flag icon-flag-4 active">4</i>
  <i class="icon-flag icon-flag-5 deleted">5</i>
</div>

//所有图标的通用样式
.图标标志{
字体大小：20px；
字体风格：普通；
显示：块；
}
//国家风格
.icon-flag.active{color:green；}
.icon-flag.inactive{color:red；}
.icon-flag.deleted{颜色：灰色；字体样式：斜体；}
//你可以在这里做不同的图标背景等等。
//.icon-flag-1{}、.icon-flag-2{}、.icon-flag-3{}等。。。
1.
2.
3.
4.
5.
您使用的是什么后端？@KaranShah PHP，laravel framework根据数据库状态，如何使用这些后端？我在后台使用PHP。无意冒犯，但我几乎不相信这里的任何人会为您编写代码。我相信提议的解决方案只涵盖了你最初的问题。任何对数据库的进一步实现都将成为一个新问题的解决方案。特别是，我们不知道您的数据库是什么样子，我们必须满足什么条件才能做什么。幸运的是，有时你会后悔帮助新手。您的问题是如何根据数据库触发器更改颜色。你希望我如何查询我看不到的数据库？我的代码根据请求更改颜色，根据数据库行编写IF..THEN语句是您自己的工作。谢谢你的否决票，像你这样的人正在让这些社区变得丑陋。祝你好运@如何根据数据库状态使用这些信息？我在后台使用PHP。