在IE中使用first-child
发布时间:2019-10-31 编辑:jiaochengji.com
教程集为您提供在IE中使用first-child等资源,欢迎您收藏本站,我们将为您提供最新的在IE中使用first-child资源
那么区分第一项好呢,还是最后一项好?答案是明显的,逼不得已,不要用区别最后一项。按照一般的编程方法,控制第一项要比控制最后一项容易得多。
区分第一项的还有一个好处是,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/jquery实现移除HTML中最后和第一个元素的间距(margin)
在IE中使用first-child
:first-child和:last-child学习笔记
CSS3选择器之学习笔记
CSS中几个常见注释理解
jQuery 关于伪类选择符的使用说明
div css优化方法
css的伪类和伪元素理解
利用CSS实现Family tree(族谱)效果
PHP面向对象编程之静态变量的简单例子
上一篇:CSS3圆角带阴影效果代码
下一篇:CSS3制作段落的虚线边框实例程序
[关闭]