在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。
css3 浏览器兼容性 css HTML internet-explorer
airfly
10 years, 2 months ago