Less 是否可以在更短的时间内取消嵌套(或重新嵌套)选择器块?
比如说我有一些不太流行的款式,比如:Less 是否可以在更短的时间内取消嵌套(或重新嵌套)选择器块?,less,Less,比如说我有一些不太流行的款式,比如: .some-context { .some-parent { .some-nav { a { color: blue; &.active { color: black; text-decoration: underline; } } } } } 基本上,我们是以某种方式在一个特定的深层上下文
.some-context {
.some-parent {
.some-nav {
a {
color: blue;
&.active { color: black; text-decoration: underline; }
}
}
}
}
基本上,我们是以某种方式在一个特定的深层上下文中设计链接的样式
但是现在我们有了第二个上下文,它需要相同的链接样式
我知道我可以使用&
重复父选择器,但是有没有办法“取消”父选择器?我不想重新使用/排列父选择器,而是想放弃它
(我曾使用&:extend()
从另一个上下文中“窃取”页面其他部分的样式,但结果非常脆弱——每当其他代码/嵌套发生变化时,都会悄然中断。因此我正在寻找替代方案。)
有没有一种方法可以做到:
// (deep within a nested context)
a, ⅋ .other-context a {
// …
}
…无论实际语法如何“⅋" 代表将意味着“重置上下文并放弃所有父选择器”不幸的是,目前不可能(截至2018年12月)但是,有一个开放的GITHUB特征请求可以被发现。但是,如果你考虑切换到SASS的选项,那么你可以在root 指令中使用它的<代码> @。