假设我有一些不太时髦的东西,比如:
.some-context {
.some-parent {
.some-nav {
a {
color: blue;
&.active { color: black; text-decoration: underline; }
}
}
}
}
基本上,我们是以某种方式在一个特定的深层上下文中设置链接的样式。
但现在我们有了
第二
需要相同链接样式的上下文。
我知道我可以用
&
重复父选择器,但是否有方法“取消设置”父选择器?我不想重新使用/重新排列父选择器,而是希望
丢弃
它。
(我用过
&:extend()
从另一个上下文中“窃取”页面其他部分的样式,但最终相当脆弱——每当其他代码/嵌套发生更改时,就会悄悄地中断。所以我在寻找其他选择。)
有什么方法可以做到:
a, â
.other-context a {
}
无论实际的语法代表什么,都意味着“重置上下文并丢弃所有父选择器”?