相邻兄弟选择器 分割线套路
2020-11-23 本文已影响0人
前端技师胡帅博
.cell + .cell .text {
border-top: 1px solid #eee;
}
<div class="cell">
<div class="icon vertical-center">
<img src="icon2.png" alt="">
</div>
<div class="text">
我的关注
</div>
</div>
<div class="cell">
<div class="icon vertical-center">
<img src="icon2.png" alt="">
</div>
<div class="text">
我的关注
</div>
</div>
<div class="cell">
<div class="icon vertical-center">
<img src="icon2.png" alt="">
</div>
<div class="text">
我的关注
</div>
</div>
<div class="cell">
<div class="icon vertical-center">
<img src="icon2.png" alt="">
</div>
<div class="text">
我的关注
</div>
</div>
<div class="cell">
<div class="icon vertical-center">
<img src="icon2.png" alt="">
</div>
<div class="text">
我的关注
</div>
</div>
效果如图
image.png
