css 判断子级有几个

在 CSS 中，我们可以使用伪类选择器 :only-child 来判断一个元素是否是其父元素中唯一的子元素。但是如果我们想要判断一个元素是否是其父元素的第二个、第三个等子元素呢？

/* 选择父元素中第二个子元素 */父元素 :nth-child(2) {
  /* CSS 样式 */}
/* 选择父元素中第三个子元素 */父元素 :nth-child(3) {
  /* CSS 样式 */}

将选择器中的数字进行修改即可选择对应的子元素。如果要选择第一个子元素，则使用 :first-child， 如果要选择最后一个子元素，则使用 :last-child。

/* 选择父元素中第一个子元素 */父元素 :first-child {
  /* CSS 样式 */}
/* 选择父元素中最后一个子元素 */父元素 :last-child {
  /* CSS 样式 */}
    

注意：使用 :nth-child 时，数字是从1开始的，而不是从0开始。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！