我认为下面的 SCSS 代码在编译时会出错:
.main {
%abstract {
color: red;
}
.main-element {
@extend %abstract;
}
}
.outside {
@extend %abstract; // <--
}
实际上,它编译成:
.main .main-element, .main .outside {
color: red;
}
有没有办法使这样的占位符在范围之外不可用,即仅在
.main
的子元素中可用?详情见http://sass-lang.com/documentation/file.SASS_REFERENCE.html#placeholders。
.main
内部的.main-element
和.outside
中使用。也许我不理解。但是你能解释一下你想做什么吗?http://jsfiddle.net/NicoO/xBkw9/ - Nico O%abstract
占位符仅对.main
的子元素可用。也就是说,由于.outside
不是.main
的子元素(而是兄弟元素),我希望编译器失败。 - sp00m@warn“不要在...之外使用”
,但我不确定如何实现,即使是这样,它也不会是问题的可靠解决方案。 - Nico O