изменение десятичного префикса / суффикса в нумерованных списках

Question

В большинстве браузеров упорядоченные списки отображаются следующим образом:

1. foo
2. bar
3. baz

Есть ли способ изменить нумерацию, чтобы вместо нее использовать префикс:

#1 foo
#2 bar
#3 baz

Answer 1

это лучшее, что я мог придумать, протестировано только в Firefox и Chrome

<style>
  #hol-list li {
    list-style-position: inside; 
    list-style-type: decimal;
    position: relative;
  }

  #hol-list li:before {
    content: "\0023";
    position:absolute;
    left: -10px;
  }
</style>

<ol id="hol-list">
<li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ol>

Answer 2

вы можете использовать

list-style-type: 
list-style-position: 
list-style-image: 

чтобы управлять им