:first-child :last-child IE5,IE6,IE7,IE8的css兼容性列表

最新推荐文章于 2021-08-03 19:15:03 发布
最新推荐文章于 2021-08-03 19:15:03 发布
阅读量2.3k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 个人日记 文章标签： ie 8 css ie 6 ie 7
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kakaxiD/article/details/51161292
本文介绍在Internet Explorer 7和Internet Explorer 8浏览器中，:first-child和:last-child伪类选择器的支持情况。由于这些版本的IE并不支持这两个CSS3特性，因此在进行前端开发时需要注意兼容性问题。

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

nth-child（n）的IE8兼容问题
艾斯博弈
01-25 9903
写作背景 今天有个列表中第一行边框有特殊样式，第二个要求没有，其他的要求有边框 经常用：first-child 但是第二个确不是second-child 而是用css3的nth-child（n）但是有个兼容问题就查了一下资料，如下 说明demo /* standard nth */ ul.menu li:nth-child(3) { /* styles for the 3rd
first-child 和 last-child的使用
千江有水千江月，万里无云万里天
07-14 1139
CSS中存在着很多的伪类，在使用上各个浏览器差别很大，尤其是IE9以下，对wai
last-child兼容至IE8
沉着前进
10-09 8480
使用方法 jQuery :nth-child() 选择器的使用方法和 CSS3 的:nth-child()没什么两样。 关于 CSS3 :nth-child() 选择器 拽这里：http://www.exiang2.com/web/513.html :nth-child(odd)用于匹配奇数子元素 :nth-child(even)用于匹配偶数子元素
ie8支持css吗,css IE8的兼容性问题
weixin_39534873的博客
08-03 539
虽然微软宣布停止对IE11以下版本的的技术支持，但有时候也因项目的特殊性，需要兼容低版本的IE浏览器。最近项目需要做IE8的兼容性，之前没认真深入过，这次发现了好几个细节问题。分界点个人感觉IE浏览器的分界点是IE8，IE8以上的版本，兼容性相对来说都要好处理些。IE8及IE8以下的版本限制更多。这仅仅是个人观点。以下也仅列出个人遇到的一些问题，这只是众多兼容性问题中的一小部分。IE浏览器共有的兼...
css伪类选择器及其兼容性
web_xyk的专栏
07-08 3814
常用的几个选择子元素的伪类选择器： 1. :first-child  (兼容性：对于 IE8 及更早版本的浏览器中的 :first-child，必须声明 。) 匹配选中元素的第一个元素，如图 2. :last-child (兼容性:ie9以下不支持) 匹配选中元素的最后一个元素，如图 3. :nth-child(n) (兼容性:ie9以下不支持)
ie8 不支持伪类 :last-child 怎么办 如何实现相同效果
qq_36727980的博客
09-22 2788
ie8很奇葩 支持伪类 :first-child 但是不支持:last-child。但有些时候很想用last-child怎么办？ 我发现一个可以解决这个问题的方法。（仅适用于同类有且仅有两个） .main { width: 400px; height: 300px; border: 2px solid orange; }
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()`。这些选择器允许更精确地定位...
CSS3的first-child选择器实战攻略
09-24
在这段代码中，`.example li:first-child` 本意是将列表中的第一个`<li>`元素的左边距设置为0，但IE6不识别这个选择器。通过添加一个表达式`_margin-left: expression(...)`，我们就可以让IE6浏览器也能够应用样式，...
HTML5中 :first-child选择器用于为父标签中的最后一个子标签设置样式。这句话对不对
最新发布
06-20
- **兼容性**：:first-child 和 :last-child 在所有现代浏览器（包括支持HTML5的浏览器）中都得到良好支持，但在旧版IE中可能有兼容性问题（通常需使用polyfill）。 - **常见错误**：如果您错误地使用:first-child...
nth-child(2):last-child
03-08
### CSS选择器 `nth-child` 和 `last-child` 的组合使用 当尝试将 `nth-child(n)` 与 `last-child` 结合起来作为复合选择器时，重要的是理解这两个伪类如何工作以及它们之间的关系。 #### 使用场景分析 对于样式...
IE下的伪类:first-child和:last-child版本支持问题
落日夕霞的博客
07-06 2657
IE下的伪类:first-child和:last-child版本支持问题
解决IE8下CSS3选择器 ：nth-child() 不兼容的问题
音韵者天
05-09 2万+
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
CSS: :last-child 与 :first-child的坑
热门推荐
weixin_39015132的博客
07-23 6万+
原文链接 前言 前端开发中，我们有时候要为第一个或最后一个元素设置进行某些特殊的操作。CSS默认为我们提供了:last-child和:first-child选择器， 但是在实际使用中，要特别需要注意一个点。 开始 :last-child:指定属于其父元素的最后一个子元素的 p 元素的背景色。（来自W3C的官方描述） 实践 HTML: <div class="div1"&gt...
在IE678下解决伪类last-child的css2方法
weixin_34132768的博客
07-30 176
开始我是有找下解决的方法。 一般last-child都是用在菜单或者列表用边框分隔的时候，把最后面一个border的设定去掉。 一种方法是给最后一项添加一个class，例如.last-child，把border设为none值。（这个不便于数据绑定，不然又得判断最后一个，麻烦）。 一种方法是通过js把最后最后一项的边框值去掉，达到last-chil...
兼容firstChild和firstElementChild
weixin_33923762的博客
04-18 333
1、nextSibling和nextElementSibling 顾名思义，就是找下一个节点 nextSibling在低版本浏览器中可以顺利找到下一个元素节点，而在正常浏览器中找到的包含中间空格。 nextElementSibling恰恰相反，低版本不认识，正常浏览器顺利找到下一兄弟节点。 封装nextNode(): function nextNode(obj){　　if (!obj...
【实用随记】ie下不支持first-child,last-child
mercury8862的专栏
05-07 989
td:last-child{               border-bottom-width:1px;               border-bottom-style:solid;               border-color:#000; }  td{               border-bottom-width:1px;               borde
原生js firstChild 获取元素的第一个节点兼容问题（需求获取元素节点）
HHH917的博客
04-21 4174
原生js firstChild 获取元素的第一个节点问题 firstChild 获取当前元素节点下的第一个子节点。 获取到的子节点可能是元素节点，但编程中更可能是注释节点或文本节点。 没有子节点则返回null 下面引用代码说明 下面代码我们需求是获取div的第一个子元素节点。但是结果返回的是文本节点，因为兼容问题， . 在IE9+和其他标准浏览器中，div与p之间的空白区域被...
firstChild与firstElementChild的兼容处理
道路是曲折的，前途是光明的
11-24 2932
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> window.onload=function(){ var oUl=document.getElementById(
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值