在IE678下用什么方法解决伪类last-child？
我知道可以通过给最后一个添加class，但是这个是所有浏览器下都添加class，那last-child不用都可以了。
这问题应该放在新手下面的，但习惯性直接在首页撰写，所以...
开始我是有找下解决的方法。
一般last-child都是用在菜单或者列表用边框分隔的时候，把最后面一个border的设定去掉。
一种方法是给最后一项添加一个class，例如.last-child，把border设为none值。（这个不便于数据绑定，不然又得判断最后一个，麻烦）。
一种方法是通过js把最后最后一项的边框值去掉，达到last-child的目的：
if ($('html').hasClass('lt-ie9')) {
$('[data-fix-last-child]').each(function () {
var $me = $(this);
var element = $me.data('fix-last-child');
$me.find(element).last().css({ 'border': 'none','background': 'none' });
});}
但是上面两种方法都是所有浏览器下都生效，也就是不用last-child都可以了。当然也可以判断是IE678的时候才使用上面的方法，但没什么必要。
还有一种方法是使用：
expression(this.nextSibling==null?'0':'1px');
没试过，因为不支持IE8。
写回答
-
天道酬勤这个只能给最后一个元素增加多一个类名，用类名来控制，比如：2019-07-17 19:16:06赞同 展开评论 打赏 -
有一种很简单的方法，纯CSS实现。
就是使用element+element即一个元素紧接着另一个元素选择器。因为last-child元素是没有紧跟这的元素的，element+element为CSS2选择器。
举个栗子：<ul> <li>sample text</li> <li>sample text</li> <li>sample text</li> <li>sample text</li> <li>sample text</li> <li>sample text</li> </ul>我们希望在每条记录之间加上分隔符，一般会加border-bottom属性，但是最后一个
下面不能有，我们可以使用li+li选择符，改用border-top属性即可实现。全选复制放进笔记li+li{border-top: 1px dotted #999;}
2019-07-17 19:16:06赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
