CSS的nth-child(n)的注意点

html代码：

//顶部banner组件
functionBanner():any {
  return (
    <divclassName={styles.banner}>
      <span>氚云</span>
      <span>随需而变的业务管理工具</span>
      <Button>售后工单</Button>
      <Button>渠道管理</Button>
      <Button>企业协同</Button>
    </div>
  );
}

css代码

.banner {  
  button:nth-child(3) { //为什么这里是从3开始的？
    left: 77px;
  }
  button:nth-child(4) {
    left: 181px;
  }
  button:nth-child(5) {
    left: 284px;
  }
}

效果图

注意：用element:nth-child(n)选择器的时候，是先看nth-child(n)的，比如这里要想选中第一个Button元素，就应该是nth-child(3)，因为第一个Button元素是div元素的第三个子节点！