首页 > 开发 > CSS > 正文

在IE中用javascript配合使用first-child伪类

2024-07-11 08:23:29

字体：大中小

来源：转载

供稿：网友

　　制作符合web标准的网页，经常需要定义某个父元素下的第一个子(child)元素或最后一个元素，以便将其与其他元素区分开来，有利于实现某些非凡需求。最浅显的例子是，导航项目间的竖线，我们往往通过border或者background来实现。非凡需求是，第一项左边无竖线或最后一项右边无竖线。

　　那么区分第一项好呢，还是最后一项好？答案是明显的，逼不得已，不要用区别最后一项。按照一般的编程方法，控制第一项要比控制最后一项轻易得多。

　　区分第一项的还有一个好处是，CSS有一个:first-child的伪元素（pseudo element）可以让我们轻而易举的选择第一个子元素。

　　遗憾的是，当前全球占有率最高的浏览器，IE6，并不支持这个伪元素。我们可以手工给第一个元素加上class然后再定义它。但这不是一个万无一失的办法，尤其对于页面规模达到一定数量大型网站，很轻易挂一漏万。那么，让JavaScript来帮我们完成这件工作如何？

　　查看演示效果：

代码调试框 [www.CuoXIn.com]

上一篇：CSS入门经典KynnBartlett第二版上架

下一篇：列表UL、OL预设标记在FF与IE下方式不同的试验

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注