求有什么方法可以让ie8兼容css3的nth-child,:after这种伪类选择题

兄弟姐妹们在线求帮请教一下,求有什么方法可以让ie8兼容css3的nth-child,:after这种伪类选择题
最新回答
为你唱起小乌龟

2024-09-27 14:59:21

nth-child这个倒是可以换个思路实现,这个一般用在ul li标签中,奇偶行的mouseover效果,ul li:nth-child(odd){ color:#fff;}/*选取偶数*/
ul li:nth-child(even){ color:#fff;}/*选取奇数*/
以上的是兼容的写法,改进后的写法如下:
ul li:first-child{ color:#fff;}/*选取第一个li*/
ul li:first-child+li+li{ color:#fff;}/*选取第三个li*/
依次还可以有第5个li,等等,好在开发中li的个数一般不会多,虽然是个比较麻烦的做法,好歹能解决问题,至于after,before之类的,也不能说没法实现,也是曲线救国的方法,有个简单的思路你可以参考下,你应该清楚的是after是主样式加载完之后才表现的,after说白了也是一个样式表,或者说是个额外的class,那么好了,后期我们通过JS可以添加这个Class了,具体这个after通过鼠标点击添加呢 还是download时候就加载这个就看你了,以上为思路,仅供参考