LESS 中的直接子选择器

2022-01-10 00:00:00 css-selectors css 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.

相关文章