当前位置:  开发笔记 > 编程语言 > 正文

选择除第一个子元素之外的元素之后

如何解决《选择除第一个子元素之外的元素之后》经验,为你挑选了1个好方法。

我想编译下一个LESS规则: - 当前元素之后的每个元素,除了第一个子元素

它应该看起来像这样:

(& ~ *):not(:first-child) {
  margin-left: 5px;
}

或这个:

& ~ *:not(:first-child) {
  margin-left: 5px;
}

不幸的是两个都不起作用.



1> Harry..:

:first-child伪类通常是指其父的第一个孩子.它不能用于忽略引用元素后面的第一个子节点(兄弟节点).

如果要选择除引用元素后面的第一个元素之外的所有元素,则应按如下方式编写:

.reference + * ~ *{
  color: red;
}

.reference是引用元素,引用引用元素+ *的第一个兄弟,它可以是任何类型,~ *指的是任何类型的所有后续兄弟元素.

在Less中,您可以使用上面提供的选择器(或),您可以像下面这样编写它:

.reference {
  & + * ~ * {
    color: red;
    /* and any other rules */
  }
}

下面的代码段演示了这一点.

.reference + * ~ *{
  color: red;
}
Reference Element

Some other element which is the first one after reference element

The elements to be selected

The element to be selected

推荐阅读
mobiledu2402852413
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有