如何为列表编号

Question

所以我已经搜索过高低，并且无法找到看似简单问题的答案。

我有一个这样的有序列表：

<ol>
  <li>Some text here</li>
  <li>Some more text here..</li>
  <li>Oh yeah, here's some pretty text</li>
</ol>

显示：

  

  
1. 这里有一些文字
  
2. 这里有更多文字..
  
3. 哦，是的，这里有一些漂亮的文字
  

我想真正展示的内容：

  

步骤1.此处有一些文字

     

步骤2.此处有更多文字..

     

第3步。哦，是的，这里有一些漂亮的文字

问题：这是否可能，如果是这样，我如何在不使用可疑解决方案的情况下进行此操作？

Answer 1

您可以使用::before（{8}为{8}）和:before

＆＃13;

＆＃13;

counter-reset/increment

＆＃13;

ol {
  counter-reset: number;
}
li {
  list-style: none;
  counter-increment: number;
}
li::before {
  content: "Step " counter(number) ".";
  position: relative;
  left:-5px
}

＆＃13;

＆＃13;

＆＃13;