IE6、IE7不支持 first-child 属性

最新推荐文章于 2020-01-17 21:59:40 发布

加油吧___

最新推荐文章于 2020-01-17 21:59:40 发布

阅读量579

点赞数

本文介绍了如何在IE6和IE7中通过CSS代码实现first-child属性的功能，包括使用表达式来判断元素是否为首个子元素，并提供了具体的代码解析。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文地址：http://www.aoao.org.cn/blog/2007/03/first-child/

IE6、IE7不支持 first-child 属性，不过可以用其他办法替代。

#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");
}

现在，IE6和IE7是不是相当于实现了first-child的功能了，CSS就是那么强大！