Question

我有一个名为general.xsl的文件，其中包含

<?xml version="1.0" encoding="UTF-8"?>

<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:fo="http://www.w3.org/1999/XSL/Format" version="2.0">

<xsl:variable name="p-size" select="'20'" ></xsl:variable>
<xsl:variable name="main-title-size" select="'36'" ></xsl:variable>
<xsl:variable name="list-item-size" select="'22'" ></xsl:variable>

</xsl:stylesheet>

然后我有html.xsl个文件，其中包含我的外部ppt.css文件，还包含例如段落模板：

<link rel="stylesheet" type="text/css" href="ppt.css"/>
.. some code...
<xsl:template name="p" match="p">
    <p>
        <xsl:value-of select="current()"/>
    </p>
</xsl:template>

现在，在我的ppt.css中，我想要使用font-color文件中的变量p-size或general.xsl（比如在general.xsl中，我已经定义了所需的所有变量），但这不起作用：

p{
    color:{$font-color};
    font-size:{$p-size}px;
}

需要改变什么？

Answer 1

如果你想在CSS文件中使用变量，你应该看看 CSS预处理器，如Sass。

使用这种工具，您可以维护＆＃34;动态CSS模板＆＃34;并从中生成静态CSS文件。

然后，您可以简单地将静态样式名称分配给XSL代码中的元素。

在外部css样式表

1 个答案: