Javascript 表格CSS样式：如何创建条件CSS类

我有一个表，需要根据特定的属性值应用不同的条件样式。下面是我要更新的表的一个片段：

<table table-type= "source">
                    <tr>
                        <td>1</td>
                        <td>2</td>
                        <td>3</td>
                    </tr>
                </table>

1.
2.
3.

---

我需要动态更改的属性是表类型。例如，当一个表类型是“源”时，我需要它的背景色为黄色，如果它是“目标”，它的背景色将为红色

您想使用CSS属性选择器。这里有一个资源

table[table type=“source”]{
背景：黄色；
}
表[表类型=“目标”]{
背景：红色；
}

1.
2.
3.
1.
2.
3.

您想使用CSS属性选择器。这里有一个资源

table[table type=“source”]{
背景：黄色；
}
表[表类型=“目标”]{
背景：红色；
}

1.
2.
3.
1.
2.
3.

这在CSS中相当简单，如下所示

table[table-type="source"] { 
    background-color: yellow;
}

table[table-type="target"] { 
    background-color: red;
}

---

这在CSS中相当简单，如下所示

table[table-type="source"] { 
    background-color: yellow;
}

table[table-type="target"] { 
    background-color: red;
}

---

两个答案都是正确的，我只是选择了得票最多的一个，时间表明他们在同一时间得到了回答。如果我能选择不止一个答案，我肯定会选择你们两个。很抱歉，我没有注意到你的答案。哦，谢谢你检查我的答案作为解决方案！我很感激。事实上，非常感谢你们的帮助。我真的很感激。两个答案都是正确的，我只是选择了得票最多的一个，时间表明他们在同一时间得到了回答。如果我能选择不止一个答案，我肯定会选择你们两个。很抱歉，我没有注意到你的答案。哦，谢谢你检查我的答案作为解决方案！我很感激。事实上，非常感谢你们的帮助。我真的很感激。