css

---

1. 同级元素设置不同样式，隐藏下级样式

<div class="span_class">
  <span> A </span>
  <span> B </span>
  <span> C </span>
</div>


<style>
    // 设置下级
    .span_class > span {
      color: #68e3d5;
    }
    
    // 指定下级
    // nth-child()的索引是从1开始的， 可以被替换为 sapn:first-child
    .span_class > span:nth-child(1) {
      margin-left: 60px;
    }
    
    .span_class > span:nth-child(2) {
      margin-left: 60px;
    }
    
    .span_class > span:nth-child(3) {
      margin-left: 60px;
    }
    
</style>