超文本标记语言-根据内容更改表格单元格颜色

Question

我必须说我在这方面绝对是个新手。我正在编写一个带有表格的小xslt演示文件，我想根据内容更改单元格或行的背景色（两者都可以，但我更喜欢只更改单元格背景）。

示例：RATING="GOOD""MEDIUM""BAD"；根据它的值，我希望背景是绿色、黄色或红色。

我当前的表格代码:

<table width="1000" border="0" cellspacing="0" cellpadding="0" class="table-fill">
    <thead>
        <tr>
            <th scope="col">NAME</th>
            <th scope="col">VALUE</th>
            <th scope="col">RATING</th>
            <th scope="col">DESCRIPTION</th>
        </tr>
    </thead>
    <tbody>
        <xsl:for-each select="test/criteria">
            <tr>
                <td><xsl:value-of select="@nom" /></td>
                <td><xsl:value-of select="value" /></td>
                <td><xsl:value-of select="rating" /></td>
                <td><xsl:value-of select="descr" /></td>
            </tr>
        </xsl:for-each>
    </tbody>
</table>

提前感谢您

--编辑——我的问题已由@Yaakov Ainspan回答，并由@Ruud解决，他为我提供了我所缺少的代码。

它不是“对于包含某些文本的元素是否有CSS选择器吗？”的副本，因为我不需要将元素与包含多个元素的字符串隔离开来，而只需要创建与单元格内容同名的类（在本例中是单个单词）

Answer 1

如果只是这三个预定义值，则可以使用相同的名称将类添加到样式表中：

.GOOD {
    background-color: green;
}
.MEDIUM {
    background-color: yellow;
}
.BAD {
    background-color: red;
}

...并将 class 属性添加到以下任一行：

    <xsl:for-each select="test/criteria">
        <tr>
            <xsl:attribute name="class">
                <xsl:value-of select="rating" />
            </xsl:attribute>
            <td><xsl:value-of select="@nom" /></td>
            <td><xsl:value-of select="value" /></td>
            <td><xsl:value-of select="rating" /></td>
            <td><xsl:value-of select="descr" /></td>
        </tr>
    </xsl:for-each>

...或单元格：

    <xsl:for-each select="test/criteria">
        <tr>
            <td><xsl:value-of select="@nom" /></td>
            <td><xsl:value-of select="value" /></td>
            <td>
                <xsl:attribute name="class">
                    <xsl:value-of select="rating" />
                </xsl:attribute>
                <xsl:value-of select="rating" />
            </td>
            <td><xsl:value-of select="descr" /></td>
        </tr>
    </xsl:for-each>

编辑：为了更好的可读性，您还可以通过以下方式添加类：

    <xsl:for-each select="test/criteria">
        <tr>
            <td><xsl:value-of select="@nom" /></td>
            <td><xsl:value-of select="value" /></td>
            <td class="{rating}"><xsl:value-of select="rating" /></td>
            <td><xsl:value-of select="descr" /></td>
        </tr>
    </xsl:for-each>