Css里ul li里的nth%ChilD不兼容怎么办

可以这样写 : ul>li:nth-child{} 或者 ul li:nth-of-type{}

child-nth 是 CSS3属性,IE9开始支持。 你想要兼容 IE6,7,8 这是不可能的除非用 javascript 。

E:nth-child(n) { sRules } 匹配父元素的第n个子元素E,假设该子元素不是E,则选择符无效。 要使该属性生效,E元素必须是某个元素的子元素,E的父元素最高是body,即E可以是body的子元素 你的第一个子元素是span不是li所以无效

百度:selectivizr.js 和 ie-css3.js 我没用过,我不喜欢用js做兼容,但老看见无数文章介绍他们貌似能解决你的问题。

额 这个确实是不支持,只能看以后会不会更新 可以考虑更换一下布局,或者用js操作

麻烦贴源代码不要贴图,你想让我们手动输一遍代码?再说你又没定义1的hover

nth-child(2n)表示偶数位置的子元素 你写的.healManage a img:nth-child(2n) 表示a标签下偶数位置的img,你的a标签下只有一个img,哪有偶数个啊?所以错了 应改为: .healManage a:nth-child(2n) img 表示.healManage下第偶数个a标签的子元素img

nth-child()括号里面的顺序号是指“兄弟姐妹”之间的序号,并不是整个家族不分辈分的序号。在你的代码中,第一个div和第二个div是兄弟关系,它们的序号是1和2,所以它们分别获得了第1个和第2个样式,而3-1和3-2这两个div则是前两个div的“侄子”(它...

应该是li:nth-child(2) 表示选择第二个li, 还有就是li + li, 表示选择除第一个li之外,其他的li元素

百度:selectivizr.js 和 ie-css3.js我没用过,我不喜欢用js做兼容,但老看见无数文章介绍他们貌似能解决你的问题。

相关文档

ul nth%child
css里ul li里的nth-child不兼容怎么办
CSS中child-nth兼容性问题怎么解决?
css选择器nth-child(1),first-child在加入别的标签...
求教ie8 如何兼容css3 高级选择器(nth-child),...
微信小程序不支持css子元素nth-child()怎么办
css选择器问题?:nth-child(2)和:nth-child(4)的...
css中的nth-child问题?
CSS3 选择器nth-child()问题,谢绝抢答,求懂的大神。
css如何修改<ul>中第二个<li>、第三个<li>的字体颜色
CSS3 选择器nth-child()问题
电脑版