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

Question

3

I want this:

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

如何在浏览器中显示HTML中的foo为ol，bar为li？这个可能吗？以下代码无法实现：

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

但我知道有些东西是有效的，因为通过将显示样式设置为list-item，项目被分成单独的行。

- Tommy

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Richard JP Le Guen · Accepted Answer

它是有效的，只是您可能没有看到。

首先，请确保文件是.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;
}