列出像1）2）3）这样的项目符号[重复]

【问题标题】：List bullets like 1) 2) 3) [duplicate]列出像1）2）3）这样的项目符号[重复]
【发布时间】：2017-06-09 06:06:09
【问题描述】：

我需要这种使用 CSS 的项目符号

1) Lorem ipsum dolor sit amet, consectetur adipisicing elit

2) Lorem ipsum dolor sit amet, consectetur adipisicing elit

3) Lorem ipsum dolor sit amet, consectetur adipisicing elit

有人对此有想法吗？

【问题讨论】：

标签： jquery html css html-lists

【解决方案1】：

使用 CSS 计数器。 counter-increment CSS 属性用于将 CSS Counters 的值增加给定值。可以使用 counter-reset CSS 属性重置计数器的值。试试这个

ol {
  counter-reset: item;
  list-style-type: none;
}

ol li:before {
  content: counter(item) ")";
  padding-right: 5px;
  counter-increment: item
}

<ol>
  <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit</li>
  <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit</li>
  <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit</li>
</ol>

【讨论】：