在表格html中更改背景颜色不同的文本

Question

我有一个 html 表格，我需要更改背景中的背景颜色，我有一个普通或高的两个不同的词，我需要一个黄色的 bgcolor 高我需要一个红色的 bgcolor 我需要在 css 中执行此操作或javascript？

这是我的简单代码：

<tr>
<td class='tg-yw4l'></td>
<td class='tg-s6z2'></td>
<td class='tg-s6z2'></td>
<td class='tg-baqh' rowspan='2'></td>
<td class='tg-baqh' rowspan='2'>Normal Different</td>
</tr>

Answer 1

我建议创建两个 css 类

.red{color:red}
.yellow{color:yellow}

并在创建表时，只需将单词包裹在一个跨度中并添加相关类

<span class='red'>High</span>

Answer 2

我无法完全理解您的问题，但我确实希望这会有所帮助。 这是一个 js 示例（在我看来，由服务器端生成更容易）

HTML

<table>
<tr>
 <td class='tg-yw4l'></td>
 <td class='tg-s6z2'></td>
 <td class='tg-s6z2'></td>
 <td class='tg-baqh' rowspan='2'></td>
 <td class='tg-baqh bg' rowspan='2'>Normal</td>
</tr>
</table>

CSS

.red{background-color:red}
.yellow{background-color:yellow}

JS

$(document).ready( function() {

    $('.bg').each( function() {
        var $this = $(this);
        if( $this.text() == "Normal" ) {
            $this.addClass("red");
        }
    });

});

Answer 3

我知道如何做到这一点的最简单方法是参加您的课程并使用 CSS 样式表。 在 html 页面顶部使用类似的内容来链接外部样式表。

<link href= "file location" rel="stylesheet" type="text/css">

然后转到您创建的样式表并在一个点后输入您的类的名称并输入类似这样的内容

.classname
{
background-color:red;
}

通过这种方式，您始终可以为类添加更多格式。 您还可以在线查找各种颜色的代码。