如何设置li风格？

Question

平时我用李来做到这一点：

和我的风格设定为这样：

ol.d {list-style-type:lower-alpha;} 

，结果是这样的：

a. Coffee 
b. Tea 
c. Coca Cola 

但我想修改为了做出如下结果：

(a) Coffee 
(b) Tea 
(c) Coca Cola 

我该怎么做？谢谢。

Answer 1

除了使用列表图像之外，您无法修改列表项的显示方式。如果你想这样做，你必须用额外的标记和边际/定位欺骗来模拟它。

Answer 2

对不起，它没有在list-style-type的默认CSS中设置。您可以参考https://developer.mozilla.org/en/CSS/list-style-type了解可通过CSS获得的内容。

Answer 3

那么你可以使用counter相关的属性，但它们在某些浏览器（如IE的旧版本）中没有得到很好的支持。

ol.d { 
    counter-reset: item; 
} 

ol.d li:before { 
    content: '(' counter(item, lower-alpha) ') '; 
    counter-increment: item; 
} 

一些参考：

• 以上代码的jsFiddle preview
• W3C spec on automatic numbering
• SitePoint Reference on CSS generated content

Answer 4

试试：

ol { counter-reset: item } 
li:before { content: "(" counter(item, upper-latin) ") "; counter-increment: item }