使用外部CSS显示XSLT的结果

时间:2014-11-17 13:31:20

标签: css xml xslt

我有一个XSL文件和一个CSS文件来显示我的XML,但我似乎无法使CSS生效并且不确定为什么它不能用CSS显示,只是正常显示所有文字。

h1
{
    background-color:black;
    color:#A901DB;
    text-align:center;
    padding:20px;
    float:center;
    width:1000px;
    font-family:"Lucida Sans Unicode";
}

XSL

<?xml version="1.0"?>
<xsl:stylesheet  xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:template match="/">
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="BlogCSS.css"/>
  </head>

  <body>

  <xsl:apply-templates />

  </body>
  </html>
  </xsl:template>

  <xsl:template match="blogPost">
  <p>
        <xsl:apply-templates select="blogTitle"/>  
  </p>
  </xsl:template>

  <xsl:template match="blogTitle">
  <h1>
      <xsl:value-of select="."/>
      </h1>
          <br/>
      </xsl:template>
  </xsl:stylesheet>

XML文件有这条线,并且它显示了XML文件中的所有信息,它只是没有应用CSS。

感谢。

1 个答案:

答案 0 :(得分:1)

在顶级标记中使用XHTML名称空间:

<xsl:stylesheet version="1.0"
            xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
            xmlns="http://www.w3.org/1999/xhtml"
            >