最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
在IE中使用first-child
时间：2022-07-02 13:04:57 编辑：袖梨 来源：一聚教程网
使用web standards做网页，经常需要定义某个父元素下的第一个子(child)元素或最后一个元素，以便将其与其他元素区分开来，有利于实现某些特殊需求。最浅显的例子是，导航项目间的竖线，我们往往通过border或者background来实现。特殊需求是，第一项左边无竖线或最后一项右边无竖线。
那么区分第一项好呢，还是最后一项好？答案是明显的，逼不得已，不要用区别最后一项。按照一般的编程方法，控制第一项要比控制最后一项容易得多。
区分第一项的还有一个好处是，CSS有一个:first-child的伪元素（pseudo element）可以让我们轻而易举的选择第一个子元素。
遗憾的是，当前全球占有率最高的浏览器，IE6，并不支持这个伪元素。我们可以手工给第一个元素加上class然后再定义它。但这不是一个万无一失的办法，尤其对于页面规模达到一定数量大型网站，很容易挂一漏万。那么，让JavaScript来帮我们完成这件工作如何？
查看演示
在IE中，为每个属于first-child的li加上first-child的class，则CSS则可以这样书写了：:first-child, .first-child { some rules here...}（有没有发现这样写很帅，一个是冒号，两点；一个是点号，一点 ），十分便于维护和管理。
p.s.希望哪位高手能够写出通用的first-child来，我这里的例子只针对li，能力有限！
那么区分第一项好呢，还是最后一项好？答案是明显的，逼不得已，不要用区别最后一项。按照一般的编程方法，控制第一项要比控制最后一项容易得多。
区分第一项的还有一个好处是，CSS有一个:first-child的伪元素（pseudo element）可以让我们轻而易举的选择第一个子元素。
遗憾的是，当前全球占有率最高的浏览器，IE6，并不支持这个伪元素。我们可以手工给第一个元素加上class然后再定义它。但这不是一个万无一失的办法，尤其对于页面规模达到一定数量大型网站，很容易挂一漏万。那么，让JavaScript来帮我们完成这件工作如何？
查看演示
在IE中，为每个属于first-child的li加上first-child的class，则CSS则可以这样书写了：:first-child, .first-child { some rules here...}（有没有发现这样写很帅，一个是冒号，两点；一个是点号，一点 ），十分便于维护和管理。
p.s.希望哪位高手能够写出通用的first-child来，我这里的例子只针对li，能力有限！
相关文章
- 云星穹铁道权益升级怎么玩 云崩铁权益升级活动介绍 12-03
- 以闪亮之名山中绘梦怎么玩 以闪亮之名滢然花梦套装活动介绍 12-03
- 以闪亮之名绿野梦歌礼包怎么样 以闪亮之名绿野梦歌拍照礼包介绍 12-03
- 光遇12.6有什么更新 光遇12月6日更新内容介绍 12-03
- 伍六七暗影交锋测试资格怎么获得 伍六七暗影交锋内测资格获取方法 12-03
- 无限暖暖晶莹诗集怎么样 12-03