如何使用CSS将xml标签显示为列表？

Question

<team>
  <teamleader info="Team Leader">
    <name>Suresh KC</name>
    <email>kc.suresh@yahoo.com</email>
  </teamleader>
  <member id="ME1A">
    <name>Harry Jones</name>
    <email>Jones25harry@gmail.com</email>
    <salary>2500</salary>
  </member>
  <member id="ME3A">
    <name>John Deo</name>
    <phone>9866123456</phone>
    <salary>2500</salary>
  </member>
</team>

我想将组长和成员显示为

1. Suresh KC kc.suresh@yahoo.com
2. Harry Jones Jones25harry@gmail.com 2500
3. John Deo98661234562500

我尝试使用list-style-type：decimal; css的属性，但不起作用。

Answer 1

您可以仅使用CSS进行此操作，请参见下面的示例。 使用javascript解析XML并比将其显示为列表元素更常见。这样您将更加灵活。

teamleader,
member{
  display: list-item;
  margin-left: 1.3em;
  list-style-type: decimal;   
}

<team>
  <teamleader info="Team Leader">
    <name>Suresh KC</name>
    <email>kc.suresh@yahoo.com</email>
  </teamleader>
  <member id="ME1A">
    <name>Harry Jones</name>
    <email>Jones25harry@gmail.com</email>
    <salary>2500</salary>
  </member>
  <member id="ME3A">
    <name>John Deo</name>
    <phone>9866123456</phone>
    <salary>2500</salary>
  </member>
</team>