如何用CSS将样式任意XML作为列表？

Question

我想要这个：

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="foo.css" type="text/css"?>
<foo>
  <bar>Item1</bar>
  <bar>Item2</bar>
</foo>

要在浏览器中显示，就好像foo是ol，而bar是li中的HTML。这可能吗？这不起作用：

foo {
 display: block;
}
bar { 
 display: list-item;
 list-item-style: decimal;
}

但是我知道有些东西在起作用，因为通过将显示样式设置为list-item，项目会分成不同的行。

Answer 1

它有效，你只是没有看到它，可以解决。

首先，确保文件为.xml。

接下来，我从未听说过CSS属性list-item-style。将其更改为：

bar { 
 display: list-item;
 list-style: decimal;
}

...然后添加一些margin和padding：

foo {
 display: block;
}
bar { 
 display: list-item;
 list-style: square;
 padding-left:20px;
 margin-left:20px;
}