Использовать переменную XSLT во внешней таблице стилей CSS

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 (скажем, в общем .xsl, я определил все необходимые переменные), но это не работает способ:

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

Что нужно изменить?

Answer 1

Если вы хотите использовать переменные в файлах CSS, вы должны взглянуть на препроцессоры CSS как Sass .

С помощью таких инструментов вы можете поддерживать "динамические шаблоны CSS" и генерировать из них статические файлы CSS.

Затем вы можете просто назначить статические имена стилей для элементов в вашем XSL-коде.