html的每个列表项目前需要加一个图标，用伪类:before能减少为每行都添加图标的麻烦？求代码

Question

用伪类:
<style>

ul li:before{
    
}

</style>
<ul>

<li></li>
<li></li>
<li></li>
<li></li>

</ul>

不用伪类:
<ul>

<li><img></li>
<li><img></li>
<li><img></li>
<li><img></li>

</ul>

Answer 1

li::before
  content ''
  top 0
  left 0
  width 1em
  display inline-block
  background url(image)