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

html代码:
//顶部banner组件
functionBanner():any {
  return (
    
      氚云
      随需而变的业务管理工具
      
      
      
    
  ); }
css代码
.banner {  
  button:nth-child(3) { //为什么这里是从3开始的?
    left: 77px;
  }
  button:nth-child(4) {
    left: 181px;
  }
  button:nth-child(5) {
    left: 284px;
  }
}
效果图

CSS的nth-child(n)的注意点_第1张图片

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

你可能感兴趣的:(css)