css选择器深入探索

想实现的效果：写一个带边框的表格，border都为1px不重复

一般例子

#html 

<div class="list-border">
	<div class="list"></div>
	<div class="list"></div>
	<div class="list"></div>
	<div class="list"></div>
</div>


#css部分
.border{
width:400px;
height:100px
border:1px soild black;
}
.list{
 width:100px;
 height:100px
}

.list + .list {
border-left:1px solid black
}

这样就实现了一个一行4列的表格

项目中遇到的

当时列表是循环出来的，而且头部和内容区域是在一个div中，并没有分开，所以这里面的问题是星期下面的列表数据div他们并不是兄弟关系，最多算是堂兄弟，其实有其他方法来写，但是当时就是不想调整布局来写。

#    这边为了不必不要的代码影响视觉，就不做循环，直接复制粘贴写出布局层级结构
 #html
 <div class="border-list">
 
    <div class="time-sitting">
        <div class="time-list-header flexFRCC">星期一</div>
        <div class="time-list-content">内容区域 </div>
    </div>

 <div class="time-sitting">
        <div class="time-list-header flexFRCC">星期二</div>
        <div class="time-list-content">内容区域 </div>
    </div>

 <div class="time-sitting">
        <div class="time-list-header flexFRCC">星期三</div>
        <div class="time-list-content">内容区域 </div>
    </div>
  </div>

  #css
想要实现内容区域有边框，二星期几div没有边框,也就是上面图片的样式

.time-sitting:nth-of-type(n+2) .time-list-content{
border:1px solid black;
}