如何设置李风格？

Question

通常我用李来做这件事:

<ol class="d">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

我的风格设置为:

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

结果如下:

a. Coffee
b. Tea
c. Coca Cola

但我想修改,以便得到这样的结果:

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

我怎么能这样做？谢谢.

Answer 1

那么你可以使用counter相关的属性,但它们在某些浏览器(如旧版本的IE)中得不到很好的支持.

ol.d {
    counter-reset: item;
}

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

一些参考: