html - 使用XSL将XML值输出到CSS时出错

尝试从<colors>获取所有example.xml值以将其输出到example.xsl中，但在将结果输出到我的网站时遇到问题。
下面是我正在使用的文件的抽象。。。
示例.xml

<plant id="1">
    <colors>
       <green>#00FF00</green>
       <red>#FF0000</red>
       <blue>#0000FF</blue>
    </colors>
</plant>

示例.xsl

<xsl:for-each select="colors/*">
    <span class="colors" style="background-color:{colors/*};"></span>
</xsl:for-each>

两个{}括号之间的style="background-color:{colors/*};"出现错误。
因此，如何将<colors>下所有元素的颜色值输出到CSS中？

最佳答案

您已经在colors/*循环中选择了for-each元素，因此循环中的上下文元素就是.。
尝试：

<xsl:for-each select="colors/*">
    <span class="colors" style="background-color:{.};"></span>
</xsl:for-each>

或者更准确地说：

<xsl:for-each select="colors/*">
    <span class="colors" style="background-color:{./text()};"></span>
</xsl:for-each>

关于html - 使用XSL将XML值输出到CSS时出错，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38387102/