我希望我的ol子弹看起来像i)使用wordpress

时间:2012-05-18 11:16:39

标签: css wordpress

我正在使用wordpress,我希望我的子弹看起来像 一世) II) 三) 它实际上是我正在寻找的括号。

3 个答案:

答案 0 :(得分:2)

[编辑&固定。谢谢,迈克米勒! ]

您可以使用CSS计数器:)

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

您可以在http://dabblet.com/gist/2724823

了解这是如何运作的

答案 1 :(得分:0)

我认为你能做的最好的就是

li:before { content: ")" };

然后设置负左边距。

答案 2 :(得分:0)

如果特定的编号样式至关重要,请将其作为内容的一部分,并禁止默认浏览器生成的数字,或者根本不使用ul标记,例如

<div>i) first item</div>

或(如果您可能需要设置数字样式

<div><span class=num>i)</span> first item</div>

您可以使用CSS(生成的内容和:before伪元素)替代生成数字,但它更笨拙,特别是如果您需要确保在所有浏览器上进行合理的演示。