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

Question

我正在使用 wordpress，我希望我的项目符号看起来像 i) ii) iii) 它实际上是我正在寻找的括号。

Answer 1

[编辑和修复。谢谢，迈克·米勒！]

您可以使用 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上看到它是如何工作的

Answer 2

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

li:before { content: ")" };

然后设置一个负的左边距。

Answer 3

如果特定的编号样式是必不可少的，请将其作为内容的一部分并禁止默认浏览器生成的编号或根本不使用ul标记，例如

<div>i) first item</div>

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

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

您可以使用 CSS（生成的内容和:before伪元素）替代生成数字，但它比较笨拙，特别是如果您需要确保在所有浏览器上合理呈现。