是否可以为呈现类似内容的有序列表定义样式
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
作为
(1) 元素 1
(2) 元素 2
(3) 元素 3
最佳答案
您可以使用 css counter
和 :before
伪元素来创建这种类型的列表。
ol {
counter-reset: custom;
list-style-type: none;
}
ol li:before {
content: '('counter(custom)') ';
counter-increment: custom;
}
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
关于css - 有序列表的自定义列表样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40467575/