IE6/IE7不支持first-child的解決辦法
阿新 • • 發佈:2017-12-28
-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的解決辦法