css - XML/XSLT 和 CSS 不显示任何内容

标签 css xml xslt

我有一个使用 XSL 和 CSS 来设置样式的 XML 页面 (www.shiningpixel.co.uk/databaseconnect.php)。目前,没有任何显示,我看不出出了什么问题。有什么想法吗?

XSL 页面:

<?xml version="1.0" encoding="ISO-8859-1"?>
<!-- Edited by XMLSpy速 -->
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">
  <html>
  <head>
  <link rel="stylesheet" type="text/css" href="xmlstyle.css"/>
  </head>
  <body>
  <h2>Your traces</h2>
    <table border="1">
      <tr bgcolor="#9acd32">
        <th>First name</th>
        <th>Last name</th>
        <th>Username</th>
      </tr>
      <xsl:for-each select="Users/Person">
      <tr>
        <td><xsl:value-of select="Firstname"/></td>
        <td><xsl:value-of select="Lastname"/></td>
<td><xsl:value-of select="Username"/></td>
      </tr>
      </xsl:for-each>
    </table>


    <table>
  <xsl:for-each select="Users/Person">
    <tr><td><xsl:value-of select="Firstname"/></td></tr>

    <tr><td colspan="9"><hr size="1" width="100%" /></td></tr>

    <tr><td><xsl:value-of select="Username"/></td></tr>

</table></br></br>



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

CSS 页面: 这是/xmlstyle.css,与上面的 xml 和 xslt 文件位于同一根文件夹中。

      body { background-image:url('bg.png'); }

      body {

  font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  padding: 100px;

  font-size: 13px;

}


table {

  background: #fff;

  margin: 0 auto;

  width: 600px;

  padding: 15px; 

  text-align: center;

  /* border-radius */

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  /* box-shadow */

  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;

  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;

  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;

}



hr 

{  

border:none;    

border-top:1px #CCCCCC solid;

height: 1px;

WIDTH: 80%;

}



<hr>



}

最佳答案

浏览器(或者至少是 Firefox)会告诉您样式表有问题:

XML Parsing Error: mismatched tag. Expected: </xsl:for-each>.
Location: http://www.shiningpixel.co.uk/style.xsl
Line Number 40, Column 3:</table></br></br>
--^

你还没有关闭第二个<xsl:for-each select="Users/Person">完全没有。

关于css - XML/XSLT 和 CSS 不显示任何内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17592595/

相关文章:

javascript - 排除某些子元素的 CSS 选择器

html - 为什么 bootstrap 中的 media-body 类宽度为 10,000px 而 media 类 overflow hidden 和缩放 1?

java - 将 spring security xml 转换为注解

xml - 如何使用 Bash 将具有 4 个 xml 节点的日志文件拆分为 4 个文件?

xslt - 如何通过检查其同级的值来有条件地更改属性?

xml - XSLT 将元素从源复制到 CDATA 部分

javascript - 使用 native javascript 查找包含特定 CSS 类的第一个数组元素的索引

c# - XML 到字符串列表

xslt - 解析 XSLT 中的变量

jquery - IE 的 CSS Top 和 Left 有问题吗?