1. 程式人生 > >IE6/IE7不支持first-child的解決辦法

IE6/IE7不支持first-child的解決辦法

-s ie6 代碼 top html next iou www last

#sidebar li:first-child{
border-top-style:none;
}
#sidebar li{
border-top-width:1px;
border-top-style:solid;
border-color:#DAD3D0;
*border-top-style:expression(this.previousSibling==null?"none":"solid");
}

代碼解析

*border-top-style:expression(this.previousSibling==null?’none’:"solid’);

只有IE6和IE7能識別此行代碼,第一個值’none’就是first-child的值,第二個值’solid’則是其他元素的值。

last-child原理相同,代碼如下

#sidebar li:last-child{
border-bottom-style:none;
}
#sidebar li{
border-bottom-width:1px;
border-bottom-style:solid;
border-color:#DAD3D0;
*border-bottom-style:expression(this.nextSibling==null?"none":"solid");
}

原文參考鏈接:http://www.sjyhome.com/css/ie6-ie7-first-child.html

IE6/IE7不支持first-child的解決辦法