在LESS中的即时子select器

反正有没有应用直接的子select器（>）在其输出？

在我的style.less，我想写的东西，如：

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

并没有生成像这样的东西：

 .panel > .control { ... } 

Answer 1

UPDATE

其实，原来问题中的代码工作正常。 你可以坚持>子select器。

---

find答案。

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

请注意，“>”和“。”之间没有空格，否则不起作用。

Answer 2

官方的方式：

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

总是指向当前select器。

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

Answer 3

在这里使用'＆'将是多余的。

 .panel{ > .control{ } } 

根据较less的指导原则 ，“＆”用于参数化祖先（但这里没有这种需要）。 在这个较less的例子中 ， ＆：hover是至关重要的：hover，否则会导致语法错误。 但是，在这里使用'＆'没有这样的语法要求。 否则，所有嵌套将需要“＆”，因为它们实质上是指父代。

Answer 4

另外，如果你的目标是第一个子元素，比如一个<tr>的第一个<td> <tr> ，你可以使用这样的东西：

 tr { & > td:first-child {font-weight:bold;} } 

这有助于减less不需要的类声明。