当前位置: 首页 > 面试题库 >

较旧的IE浏览器的nth-child的替代

闾丘永春
2023-03-14
问题内容

是否有替代方法可以将目标元素nth-child()用于较旧的IE浏览器?

Javascript(非jquery)也足够了。

编辑:不能将其他库添加到页面。


问题答案:

您可以使用jQuery的:nth-​​child()选择器;

$("li:nth-child(even)") // target even li's
$("li:nth-child(odd)") // target odd li's
$("li:nth-child(5n)") // target the fifth li


 类似资料:
  • 问题内容: 有谁知道哪些浏览器/版本支持它们? 使用它们是否安全?还是应该诉诸PHP / javascript来生成头等舱或后等舱? 问题答案: 以及免费的兼容性图表。 正确支持IE9,以及IE7和IE8之类的(参见图表)。 仅IE9 +支持。 好的浏览器都很好地支持了它们。

  • 本文向大家介绍css3的:nth-child和:nth-of-type的区别是什么?相关面试题,主要包含被问及css3的:nth-child和:nth-of-type的区别是什么?时的应答技巧和注意事项,需要的朋友参考一下 :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。 :nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素。 n

  • 问题内容: 这是我的CSS: 工作,现在到处(用这个在我的网站),除了Internet Explorer 8中...... 是否有可能在IE8中使用nth-child?这是该浏览器的最差版本,无法正常工作,我找不到解决方法。 @ edit2:我刚刚注意到 实际上是在IE8中工作!但是这个: 不管用。那么发生了什么? 问题答案: 您可以(ab)使用相邻的同级组合器()通过可在IE7/ 8中使用的CS

  • 问题内容: 我需要将表的每两行设置为灰色,如果可能的话,我希望使用nth-child。 我已经和克里斯·科耶尔(Chris Coyier)的第一个孩子测试员混为一谈,但仍然无法[理解。 我需要以下公式: 等等。我不希望在html中放置一个类,因为我敢肯定这将是一些建议。如果有办法与nth-child合作,这就是我想要的。 问题答案: 意识到您正在做4组,那么您可以看到每个第4个元素和每个第4个元素

  • 问题内容: 以以下代码为例: 是否可以使用或不选择全部元素的 一半 ?在上面的例子中,代码应该选择前/后 两个 s,然后如果我将s 的数量增加到六个,它将选择前/后 三个 。 我觉得我将不得不使用JavaScript … 问题答案: 在纯CSS中,您能够获得与之 接近 的唯一方法是对或进行选择。如果您只需要最后一半(而不是奇数或偶数),则必须使用JavaScript / jQuery。 使用jQu

  • 问题内容: 除非不应该这样,但我似乎无法承认类选择器。 我在另一个div内说了4个div,所有的类和id都在上面。我需要选择具有该类的div的第一个实例。例如: 并且显然再次获得相同的效果,但它不会影响任何div。 现在,如果我要强制它与该div一起使用,我可以这样做: 碰巧它是#content中的第3个div,这毫无意义,因为我需要使用该类获取任何东西的第一个实例。 这是HTML的示例,我已经尝