javascript - 表格 CSS 样式 : how to create a conditional CSS class

Question

我有一张表，我需要根据特定的属性值应用不同的条件样式。这是我要更新的表格的片段:

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

我需要动态改变的属性是table-type。例如，当表格类型为“源”时，我需要其背景颜色为黄色，如果为“目标”，则其背景颜色为红色。

Answer 1

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

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

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