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

css3的:nth-child和:nth-of-type的区别是什么?

澹台华晖
2023-03-14
本文向大家介绍css3的:nth-child和:nth-of-type的区别是什么?相关面试题,主要包含被问及css3的:nth-child和:nth-of-type的区别是什么?时的应答技巧和注意事项,需要的朋友参考一下

:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。
:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素。
n 可以是数字、关键词或公式。

 类似资料:
  • 问题内容: 我正在尝试更改div内奇数div的样式。由于某种原因,当它位于另一个div内时,它会影响我的所有div。这是我的常规div和奇数div的代码: 出于某种原因,当将其包裹在我的div中时不起作用,但是当它们不包裹在任何div中时却起作用。 未包装在div中时的工作版本: ``如何使初始代码与上述代码相同? 问题答案: 类似于它们必须全部来自同一父级。如果需要这些包装器,请改用这些包装器:

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

  • 问题内容: 我不能告诉之间的区别和 例如说,您有一个div → 作为其父级的第一个孩子的所有元素。 →所有元素都是其父元素的第一个元素。 这似乎完全一样,但是它们的工作方式不同。 有人可以解释一下吗? 问题答案: 父元素可以具有一个或多个子元素: 在这些孩子中,只有一个可以成为第一个。与之匹配: 和之间的区别是,它将匹配其元素类型的第一个元素,该元素类型在HTML中由其标记名表示, 即使该元素不是

  • 问题内容: 有没有办法选择 匹配(或不匹配)任意选择器的 第n个孩子?例如,我要选择每个奇数表行,但要在行的子集内: 但是,无论它们是否属于“ row”类,似乎似乎都在计算所有元素,因此我最终得到了一个 偶数 “ row”元素,而不是我要寻找的两个元素。发生同样的事情。 有人可以解释为什么吗? 问题答案: 由于对工作方式和工作的误解,这是一个非常普遍的问题。不幸的是,目前还没有基于选择的解决方案至

  • 本文向大家介绍举例说明伪类:nth-child、:first-child与:first-of-type这三者有什么不同?相关面试题,主要包含被问及举例说明伪类:nth-child、:first-child与:first-of-type这三者有什么不同?时的应答技巧和注意事项,需要的朋友参考一下 :nth-child(n): 选择当前元素的父元素下的第n个子元素(从1开始) :nth-of-type

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