改变最后一个元素的样式

• 需求
  在列表渲染出的每一行加上下划线 但最后一个没有

<View className='menu-list'>
   {arr.map(item =>
      <View className='item' key={item.id} onClick={this.gotoDetail.bind(this, item.id)}>
        {item.id}. {item.title}
         <View className='check'>
         	查看
           <Image className='more-img' src={moreimg}></Image>
         </View>
       </View>
    )}
</View>

直接给.item里加border-bottom的话会这样

在最下面边框会与阴影重复，那就需要把最后一个的border-bottom取消掉。

• 解决方法

.item:last-of-type {
   border-bottom: none;
}