Html 避免在悬停时更改我的旗帜的颜色

我有一张带旗帜的桌子，用来标记几行

我有以下css

<table class="hovered no-border" data-url="@Url.Action("General", "Transport")">
    <tbody>
        <tr>
            <td><input type="checkbox" value="0"/></td>
            <td>TNB.12/00125</td>
            <td><i class="icon-flag-3 fg-color-grayLight"></i> Blah blah blah</td>
        </tr>
        <tr>
            <td><input type="checkbox" value="0"/></td>
            <td>TNB.12/00128</td>
            <td><i class="icon-flag-3 fg-color-grayLight"></i> Blah blah blah</td>
        </tr>
        <tr>
            <td><input type="checkbox" value="0"/></td>
            <td>TNB.12/00129</td>
            <td><i class="icon-flag-3 fg-color-grayLight"></i> Blah blah blah</td>
        </tr>
        <tr>
            <td><input type="checkbox" value="0"/></td>
            <td>TNB.12/00119</td>
            <td><i class="icon-flag-3 fg-color-yellow"></i> Blah blah blah</td>
        </tr>
    </tbody>
</table>

table.hovered tbody tr:hover {
  background-color: #ececec; 
}
table.hovered tbody tr td:hover i {
  color: #9a9a9a !important;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'iconFont';
  font-style: normal;
  speak: none;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  margin: 0 2px;
  -webkit-font-smoothing: antialiased;
  border: 1px transparent solid;
}
.icon-flag-3:before {
   content: "\e14f";
}

TNB.12/00125
废话废话
TNB.12/00128
废话废话
TNB.12/00129
废话废话
TNB.12/00119
废话废话
表1.2悬停t车身tr：悬停{
背景色：#ececec；
}
表1.1悬停t车身tr td：悬停i{
颜色：#9a！重要；
}
[class^=“icon-”]：在，
[类别*=“图标-”]：之前{
字体系列：“iconFont”；
字体风格：普通；
说：没有；
字体大小：正常；
显示：内联块；
文字装饰：继承；
边际：0.2px；
-webkit字体平滑：抗锯齿；
边框：1px透明实心；
}
.icon-flag-3：之前{
内容：“\e14f”；
}

当一行悬停时，我将标志的颜色从灰色更改为深灰色。这是用我的css完成的

正如你所看到的，119号线用一面黄色的旗帜装饰着

我的问题：我不想在行悬停时更改黄色标志的颜色。如何避免这种情况

---

谢谢。

我会像这样覆盖灰色旗帜的颜色：

table.hovered tbody tr td:hover i.fg-color-grayLight {
  color: #9a9a9a !important;
}

---

我会像这样覆盖灰色旗帜的颜色：

table.hovered tbody tr td:hover i.fg-color-grayLight {
  color: #9a9a9a !important;
}

---

好的，只有css是不可能的吗？你能发布

图标标志的类吗？它是
悬停状态（如果存在），看起来我们缺少代码。确定图标标志超限状态的代码在哪里？我更新了我的问题以显示图标标志的css只需为黄色标志编写一条特定的规则，元示例：确定仅使用css是不可能的吗？您是否可以发布图标标志超限状态的类及其悬停状态（如果存在）看起来我们缺少代码。确定图标标志超状态的代码在哪里？我更新了我的问题以显示图标标志的css只需为黄标志编写一条特定的规则，例如：