列出子弹，如1）2）3）

Question

我需要使用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

有人对此有所了解吗？

Answer 1

使用CSS计数器。计数器增量CSS属性用于将CSS计数器的值增加给定值。可以使用计数器重置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>