css - 在IE678下用什么方法解决伪类last-child？

Question

我知道可以通过给最后一个添加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。

Answer 1

first-child can completely solve most of the scenarios encountered

Answer 2

• Use CSS3 but don’t forget the basics Negative margin

Answer 3

You can use first-child instead of last-child because IE8 does not support last-child but supports first-child (which is weird).
Change border-bottom to border-top and then use first-child That’s it, http://caniuse.com/ This website can check the support of the class you are using,