css - ul 自定义以包含数量

Question

所以，我一直在尝试让 CSS 在元素符号和 ul 元素描述之间插入一个数量。感谢您的帮助。

* abc 
* efg
* hijklmnop

到

* 125 abc 
* 5   efg
* 20  hijklmnop

预先感谢您的帮助。

Answer 1

不确定为什么要使用 CSS 来添加内容，但您可以做类似 this 的事情

HTML

<ul>
    <li class="add_125">abc</li>
    <li class="add_5">efg</li>
    <li class="add_20">hijklmnop</li>
</ul>

CSS

.add_125:before {
    content:'125 ';
}
.add_5:before {
    content:'5 ';
}
.add_20:before {
    content:'20 ';
}