IE下的伪类:first-child和:last-child版本支持问题

最新推荐文章于 2021-07-06 15:48:39 发布
最新推荐文章于 2021-07-06 15:48:39 发布
阅读量2.6k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： css 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/GreyBearChao/article/details/74527075
本文介绍了CSS中的:first-child和:last-child选择器。前者自CSS2起就被广泛支持，包括IE7及以上版本；后者则自CSS3起被引入，但截止到IE8仍不受支持。这些选择器为网页样式提供了更多灵活性。

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

:first-child 选择器在CSS 2中就已存在，目前为止被Firefox、Safari、Google Chrome、Opera浏览器所支持，从IE7开始被IE浏览器所支持。

:last-child 选择器从CSS 3开始被提供，目前为止被Firefox、Safari、Google Chrome、Opera浏览器所支持，到IE 8为止还没有获得IE浏览器的支持。

nth-child（n）的IE8兼容问题
艾斯博弈
01-25 9906
写作背景 今天有个列表中第一行边框有特殊样式，第二个要求没有，其他的要求有边框 经常用：first-child 但是第二个确不是second-child 而是用css3的nth-child（n）但是有个兼容问题就查了一下资料，如下 说明demo /* standard nth */ ul.menu li:nth-child(3) { /* styles for the 3rd
ie8 不支持伪类 :last-child 怎么办 如何实现相同效果
qq_36727980的博客
09-22 2788
ie8很奇葩 支持伪类 :first-child 但是不支持:last-child。但有些时候很想用last-child怎么办？ 我发现一个可以解决这个问题的方法。（仅适用于同类有且仅有两个） .main { width: 400px; height: 300px; border: 2px solid orange; }
【实用随记】ie下不支持first-child,last-child
mercury8862的专栏
05-07 990
td:last-child{               border-bottom-width:1px;               border-bottom-style:solid;               border-color:#000; }  td{               border-bottom-width:1px;               borde
如何在把超过固定长度的文字以"……"表示
zgqtxwd的专栏
04-30 357
<!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
last-child兼容至IE8
沉着前进
10-09 8482
使用方法 jQuery :nth-child() 选择器的使用方法和 CSS3 的:nth-child()没什么两样。 关于 CSS3 :nth-child() 选择器 拽这里：http://www.exiang2.com/web/513.html :nth-child(odd)用于匹配奇数子元素 :nth-child(even)用于匹配偶数子元素
javascript中DOM中firstElementChild的浏览器兼容性问题解决方案
qq_43537198的博客
11-22 585
通过下方的getFirstElementChild函数可以解决firstElementChild的浏览器兼容性问题 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>firstElementChild兼容...
IE8下CSS3选择器nth-child() 不兼容问题的解决方法
11-21
此外，虽然不适用于IE8，但这里也提及了一些其他CSS3选择器，如`nth-of-type()`、`:first-of-type`、`:last-of-type`、`:only-of-type`、`:nth-last-child()`和`:nth-last-of-type()`。这些选择器允许更精确地定位...
jQuery中:last-child选择器用法实例
10-24
在jQuery中，`:last-child`选择器是一种非常实用的定位元素的方法，它允许开发者精确地选取父元素下的最后一个子元素。这个选择器的功能和定义在于，它可以匹配那些在其父元素的所有子元素中处于最后一个位置的元素...
深入理解jQuery选择器：子元素、表单与:nth-child, :first-child, :last-child用法
这里的`index`可以是数字（如`:nth-child(2)`匹配第二个子元素）、`even`表示偶数位置的元素（如`:nth-child(even)`匹配所有偶数索引），`odd`表示奇数位置（`:nth-child(odd)`），以及基于数学方程的形式（如`:nth-...
:first-child 和:first-of-type
07-28
:first-child和:first-of-type是CSS选择器中的两个不同的选择器。 :first-child选择器匹配其父元素中的第一个子元素。例如，如果我们有以下CSS代码： p:first-child { background-color: yellow; } span:first-...
伪类选择器 :first-child :last-child :only-child 失效的问题
qq_40030159的博客
07-06 747
含义 代码 原因
firstChild和firstElementChild兼容
痕迹
03-10 517
oParent为父元素节点对象 现代浏览器（IE9及以上，firefox，chrome）
IE6、IE7不支持 first-child 属性
plbeast新手上路
12-25 581
原文地址：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-s
:first-child :last-child IE5,IE6,IE7,IE8的css兼容性列表
kakaxiD的博客
04-15 2382
:first-child :last-child IE7 IE8都不支持http://www.cnblogs.com/kingjiong/archive/2009/04/03/1429040.html
解决IE8下CSS3选择器 ：nth-child() 不兼容的问题
热门推荐
音韵者天
05-09 2万+
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
兼容的firstChild,lastChild,nextSibling,previousSibling写法
abxn2002的专栏
12-19 1825
转载地址:http://www.w3cfuns.com/blog-5458045-5402770.html 在IE下是支持firstChild,lastChild,nextSibling,previousSibling 但是在FF下，由于它会把标签之间的空格当成文本节点，所以为了准确地找到相应的元素，会用firstElementChild,lastElementChild,next
IE6不支持first-child的解决方法
weixin_30352645的博客
03-18 117
乌龙猫网站昨日刚刚上线，后来在IE6下发现侧边栏的智能浮动中，第一个模块的margin-top不为0，这个原本在CSS中已经定义的样式为： HTML： <div class="sidebar_block"></div> CSS： .sidebar_block:first-child { margin:0; } 遇到IE6不支持first-child伪类不是第一次...
IE9对CSS3属性的支持情况
lml_little的博客
04-06 1万+
IE9对CSS3属性的支持情况 CSS3属性 IE9支持情况 之前版本IE支持情况 opacity None multiple backgrounds None background-clip None background-size None
常见IE8兼容性问题及解决
weixin_30787531的博客
11-07 214
1、css3媒体查询 IE8不支持媒体查询 解决：respond.js，在页面中所有css文件的引用位置之后引用Respond.js 2、HTML5新标签 IE8不支持H5新标签 解决：html5shiv.js，在页面中引用html5shiv.js文件。必须添加在页面的<head>元素内，因为IE浏览器必须在元素解析前知道这个元素，所以这个js文件不能在页面底部引用。 3、...
掌握CSS选择器：first-child与last-child深入解析
“firstchild-lastchild”这一知识点涉及了CSS中处理首尾元素样式的伪类选择器，虽然描述和标题一样，且未提及更多CSS选择器和属性，但是基于这两者，我们已经能够深入理解`:first-child`和`:last-child`选择器的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值