:nth-child(n): 选择当前元素的父元素下的第n个子元素(从1开始)
:nth-of-type(n): 选择当前元素的父元素下的第n个同类型子元素(从1开始)
:first-child: 相当于:nth-child(1)
:first-of-type: 相当于:nth-type(1)
问题内容: 我不能告诉之间的区别和 例如说,您有一个div → 作为其父级的第一个孩子的所有元素。 →所有元素都是其父元素的第一个元素。 这似乎完全一样,但是它们的工作方式不同。 有人可以解释一下吗? 问题答案: 父元素可以具有一个或多个子元素: 在这些孩子中,只有一个可以成为第一个。与之匹配: 和之间的区别是,它将匹配其元素类型的第一个元素,该元素类型在HTML中由其标记名表示, 即使该元素不是
描述 (Description) :first-child伪类用于向一个元素添加特殊效果,该元素是某个其他元素的第一个子元素。 要使:IE中的第一个孩子工作必须在文档顶部声明。 请注意 - 伪类名称不区分大小写。 伪类与CSS类不同,但它们可以组合在一起。 例子 (Example) 例如,要缩进所有元素的第一段,您可以使用此定义 - <html> <head> <style ty
本文向大家介绍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中时的工作版本: ``如何使初始代码与上述代码相同? 问题答案: 类似于它们必须全部来自同一父级。如果需要这些包装器,请改用这些包装器:
问题内容: 有没有办法选择 匹配(或不匹配)任意选择器的 第n个孩子?例如,我要选择每个奇数表行,但要在行的子集内: 但是,无论它们是否属于“ row”类,似乎似乎都在计算所有元素,因此我最终得到了一个 偶数 “ row”元素,而不是我要寻找的两个元素。发生同样的事情。 有人可以解释为什么吗? 问题答案: 由于对工作方式和工作的误解,这是一个非常普遍的问题。不幸的是,目前还没有基于选择的解决方案至
问题内容: 除非不应该这样,但我似乎无法承认类选择器。 我在另一个div内说了4个div,所有的类和id都在上面。我需要选择具有该类的div的第一个实例。例如: 并且显然再次获得相同的效果,但它不会影响任何div。 现在,如果我要强制它与该div一起使用,我可以这样做: 碰巧它是#content中的第3个div,这毫无意义,因为我需要使用该类获取任何东西的第一个实例。 这是HTML的示例,我已经尝