怎么把代码写的简单一点

Question

怎么把这些一样的代码写一起啊
.service .list li .item2 {
display: block;
position: absolute;
top: 0;
left: 0;
width: 36px;
height: 42px;
text-indent: -9999px;
background-image: url(../images/icon.png);
background-repeat: no-repeat;
background-position: -41px -192px;
}

.service .list li .item3 {
display: block;
position: absolute;
top: 0;
left: 0;
width: 36px;
height: 42px;
text-indent: -9999px;
background-image: url(../images/icon.png);
background-repeat: no-repeat;
background-position: -82px -192px;
}
这一串只有最后一行不一样

Answer 1

<style>
  .service .list li .common {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 42px;
    text-indent: -9999px;
    background-image: url(../images/icon.png);
    background-repeat: no-repeat;
  }
  
  .service .list li .item2 {
    background-position: -41px -192px;
  }
  
  .service .list li .item3 {
    background-position: -82px -192px;
  }
</style>

<div class="service">
  <ul class="list">
    <li>
      <span class="common item1"></span>
      <span class="common item2"></span>
    </li>
  </ul>
</div>