Question

您好我是编程新手我正在创建一个简单的xml文档，我想在我的xml数据中应用Css。我的xml是

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
    <!DOCTYPE Customers SYSTEM "customers.dtd">
    <Employees>
      <Employee>
      <FirstNameLabel>FirstName:</FirstNameLabel>
            <FirstNameData>Ana</FirstNameData>
          <FirstNameLabel>LastName:</FirstNameLabel>
            <FirstNameData>Ali</FirstNameData>

        </Employee>

     <Employee>
      <FirstNameLabel>FirstName:</FirstNameLabel>
            <FirstNameData>Ash</FirstNameData>
          <FirstNameLabel>LastName:</FirstNameLabel>
            <FirstNameData>Ana</FirstNameData>

        </Employee>
     </Employees>

我需要将结果显示为

FirstName: Ana
LastName: Ali

FirstName: Ash
LastName: Ana

FirstName和LastName应为绿色，而值应为红色

帮助将不胜感激

Answer 1

尝试：

FirstNameLabel{
  float:left;
}
FirstNameData{
  clear:left;
}

Answer 2

我相信您可能希望使用XML Stylesheet来呈现和格式化XML文件而不是CSS。据我所知，CSS是HTML文档。在您的情况下，您需要创建一个XSLT表，它几乎是XML，指定如何呈现每个节点。下面是一个快速示例（未经测试）：

<?xml version="1.0" encoding="ISO-8859-1"?>
<html xsl:version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns="http://www.w3.org/1999/xhtml">
  <body style="font-family:Arial;font-size:12pt;background-color:#EEEEEE">
    <xsl:for-each select="Employees/Employee">
       <p>Firstname: <xsl:value-of select="FirstNameData"/>.</p>
       <p>Lastname: <xsl:value-of select="LastNameData"/>.</p>
      </div>
    </xsl:for-each>
  </body>
</html>

请注意，您不需要在XML中存储标签。您可以在样式表中使用它们。

Answer 3

在发布之前我认为你没看过。 w3schools显示如何。 http://www.w3schools.com/xml/xml_display.asp这与向html添加样式表非常相似。此外，你应该修复你的缩进。

带Css的简单xml文档

3 个答案: