解决css :last-child不生效的问题

解决方法

根据不同实际情况要将last-child位置放在哪里：

<div class="father"  v-for="item in ExampleList">
        <div class="child" v-for="(i,index) in item.ExampleListChild">
          <div class="line"></div>
        </div>
    </div>

像这样的双循环结构，如果只给class名为"line"的盒子设置:last-child,则会全部生效，无法实现给最后一个盒子单独设置样式,这时候要考虑双循环带来的影响
直接根据父盒子循环逐级往下选择：

.father .child:last-child .line {
  background-color: #fff;
}

步骤：先选择父级，然后选择第一层循环下的子级最后一个单元，
之后在设置最后一个要改变的样式