带星号的列表项

Question

是否可以在有序列表中增加星号？所以如果我有类似的东西

<ol class="ast">
<li>item 1</li> 
<li>item 2</li> 
<li>item 3</li> 
</ol>

这将显示在我的页面上，如下所示

* 第 1 项
** 第 2 项
*** 第 3 项

使用CSS？

Answer 1

可以，但必须取消列表的样式 ( list-style:none) 并使用“before:”伪类来绝对定位星号，并结合n-thchild 来设置星号的数量。

类似这样的东西，但你必须稍微调整一下。

ul, li {
   margin:0;
   padding:0;
  list-style:none      
}

li {
   padding-left:20px; 
}

li:nth-child(1):before {
   content: "*" 
}

li:nth-child(2):before {
   content: "**" 
}