LESS嵌套元素

Question

我知道

div {
  a {
    ...
  }
}

LESS中的

代表

div a {
  ...
}

在CSS中

。问题是这个的LESS代码是什么：

div > a {
  ...
}

Answer 1

您只需使用

即可

div {
  > a{
    color: blue;
  }
}

或

div {
  & > a{ /* & represents the current selector parent, so will be replaced with div in this case in the output */
    color: blue;
  }
}

两者都具有相同的效果，并将产生以下作为编译输出。

div > a {
  color: blue;
}

注意：您可以对+（相邻兄弟组合子）和~（一般兄弟组合子）采用相同的方法。