LESS 中的直接子选择器

Immediate Child selector in LESS(LESS 中的直接子选择器)

问题描述

是否有 LESS 在其输出中应用直接子选择器 ( > )?

Is there anyway to have LESS apply the immediate child selector ( > ) in its output?

在我的 style.less 中，我想写这样的东西:

In my style.less, I want to write something like:

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

并让 LESS 生成如下内容:

and have LESS generate something like:

.panel > .control { ... }

推荐答案

更新

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

Actually, the code in the original question works fine. You can just stick with the > child selector.

找到答案了.

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

注意>"和."之间没有空格，否则不起作用.

Note the lack of space between ">" and ".", otherwise it won't work.

这篇关于LESS 中的直接子选择器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！