如何使用井号签署有序列表项

Question

是否可以使用井号或哈希符号添加有序列表？

像这样：

#1. something
#2. something else
#3. another thing
...

Answer 1

Here's a solution遵循this answer建议的提示：

HTML：

<ol class="custom">
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
</ol>

CSS：

ol.custom {
  list-style-type: none;
  margin-left: 0;
}

ol.custom > li {
  counter-increment: customlistcounter;
}

ol.custom > li:before {
  content: "#" counter(customlistcounter);
  font-weight: bold;
  float: left;
  width: 3em;
}

ol.custom:first-child {
  counter-reset: customlistcounter;
}

“自定义”类名只能恢复原始行为;如果你把它拿出来，这将适用于使用这个样式表的所有ol标签。请注意使用:before伪选择器引入的限制：IE6和IE7将遇到此问题。

Answer 2

CSS

.hash-counter {
    counter-reset:hash;
    list-style-type: none;
}

.hash-counter > li:before {
    counter-increment:hash;
    content:"#" counter(hash) ". ";
}

但它可能会导致其他一些问题。