css遇到last-child设置无效

last-child设置无效

我感觉犯了低级错误,不过还是记录一下吧,防止再犯
我开始是这么设计的

      <div>
        <div class="item">11</div>
        <div class="item">11</div>
        <div class="item">11</div>
        <div class="last"></div>
      </div>

而在使用的时候使用item.last-child{xxx},无效果
解决方式呢

 <div class="wrap">
      <div>
        <div class="item">11</div>
        <div class="item">11</div>
        <div class="item">11</div>
      </div>
      <div class="last"></div>
 </div>

因为wrap包裹的不仅仅只有.item,还有.last,而item.last-child是在同一个父级的作用下,这样不同的在一个父级下就无法找到,所以需要把.item包裹一个父级