html - 列出样式 css，在列表中获取 a) 而不是 a

Question

为什么要创建有序列表来显示 a) 而不是 a。当使用带有 ul/li 标签的 css 时

目前我有这种风格 ol.lower-alpha {list-style-type:lower-alpha} 产生一个。而不是一个)

例如。

我需要它看起来像这样

 a) item 1
 b) item 2

Answer 1

是的，使用计数器(它有很好的支持，但仍然有限，所以要小心)。示例 ( jsfiddle ):

ol {
   list-style-type: none;
   counter-reset: list;
}
ol li:before {
    content: counter(list, lower-alpha) ") ";
    counter-increment: list;
}