CSS中child-nth兼容性问题怎么解决?

发布网友发布时间：2022-05-13 14:18

共2个回答

懂视网时间：2022-05-13 18:39

有如下代码

我想实现的功能是，当选择第一个radio时显示第一个panel，选择第二个radio时显示第二个panel，依次类推。
上面的代码可以实现上述功能，但是如果在如果在我觉得不管在from后又多少个hidden的input，“.panels .panel:nth-child(1)”这个始终指向第一个pannel的呀
问题出在哪里呢？
除了把

回复讨论(解决方案)

:nth-of-type(1)

谢谢

热心网友时间：2022-05-13 15:47

child-nth 是 CSS3属性，IE9开始支持。
你想要兼容 IE6,7,8 这是不可能的除非用 javascript 。追问对啊，javascript怎么解决？

追答我说的javascript就是jQuery 插件，这个不是一两行JS代码可解决的。
我帮你找GitHub资料请参考。
https://github.com/evanblack/jquery.nthChild