本文展示了如何使用CSS实现列表项中奇数行添加竖线的效果。通过在奇数行的`.mui-pull-left`元素后面添加伪类`:after`，并设置定位、高度和边框，来创建竖线。关键CSS代码包括：`ul li:nth-child(odd) {position:relative;}`以及`ul li:nth-child(odd) .mui-pull-left:nth-child(even):after {...}`。
效果图如上：
代码
<ul class="mui-table-view mui-clearfix">
<li class="mui-table-view-cell mui-clearfix" >
<img src="img/my/my/xiadan.png" class="mui-pull-left"/>
<span class="mui-pull-left">
<b class="mui-media-body">我要下单</b>
<p>下单有好礼</p>
</span>
</li>
<li class="mui-table-view-cell mui-clearfix" >
<img src="img/my/my/return.png" class="mui-pull-left"/&
最低0.47元/天 解锁文章
扫一扫
1545
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
