Question

说我有一些LESS样式，例如：

.some-context {
    .some-parent {
        .some-nav {
            a {
                color: blue;
                &.active { color: black; text-decoration: underline; }
            }
        }
    }
}

基本上，我们是以某种方式在一个特定的深层上下文中对链接进行样式设置。

但是现在我们有一个 second 上下文，需要相同的链接样式。

我知道我可以使用&来重复父选择器，但是有没有办法“重置”父选择器？我不想重用/重新设置父选择器，而是要放弃。

（（我曾经使用&:extend()从另一个上下文“窃取”页面其他部分的样式，但是最终却非常脆弱-每当其他代码/嵌套发生变化时，它就会安静地中断。因此，我正在寻找替代方案。）

有没有办法做类似的事情：

// (deep within a nested context)
a, ⅋ .other-context a {
 // …
}

…代表“⅋”的实际语法意味着“重置上下文并丢弃所有父选择器”吗？

Answer 1

不幸的是，当前不可能（截至2018年12月），但是可以找到here的开放github功能请求。但是，如果您考虑切换到SASS的选项，则可以使用其@at-root指令。

是否可以在LESS中取消嵌套（或重新嵌套）选择器块？

1 个答案: