在表格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;
}

通過這種方式，您始終可以為類添加更多格式。 您還可以在線查找各種顏色的代碼。