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包裹一个父级
css遇到last-child设置无效
原文地址：https://www.cnblogs.com/xiaolanschool/p/10168332.html