LESS中的直接子选择器

Question

反正有没有在其输出中应用直接子选择器(>)？

在我的风格中,我想写下这样的东西:

.panel {
    ...
    > .control {
        ...
    }
}

并且少生成以下内容:

.panel > .control { ... }

Answer 1

UPDATE

实际上,原始问题中的代码工作正常.你可以坚持使用>子选择器.

找到了答案.

.panel {
    ...
    >.control {
        ...
    }
}

注意">"和"."之间缺少空格,否则无效.

Answer 2

官方方式:

.panel {
  & > .control {
    ...
  }
}

& 总是指当前的选择器.

请参见http://lesscss.org/features/#features-overview-feature-nested-rules

Answer 3

正确的语法将遵循,而使用'&'在这里将是多余的.

.panel{
   > .control{
   }
}

根据较少的指导原则,'&'用于参数化祖先(但这里没有这样的需要).在这个较少的例子中,&:hover是必不可少的:悬停否则会导致语法错误.但是,这里没有使用'&'的语法要求.否则所有嵌套都需要'&',因为它们实际上是指父级.