html - 需要带括号的小罗马列表

Question

我需要在 css 的帮助下生成这样的输出...

(i) 需求是什么？

(ii) 哪个分割市场？

(iii) 鉴于创新...

(iv) 鉴于创新...

...等等。

请提出建议。

Answer 1

您可以使用 counter-increment 属性实现这一点。像这样写:

ul{
    counter-reset:item;
    list-style:none;
}
li:before        {
    content: "("counter(item, lower-roman) ")";
    counter-increment: item;
}

检查这个http://jsfiddle.net/MEBxA/

它在 IE8 及更高版本之前都有效。