这是没有记录或只是不可能?
#parent {
#child {
width: 75%;
.additional_parent_class & {
width: 50%;
}
}
}
这基本上将变成:
.additional_parent_class #parent #child {
width: 50%;
}
尽管这是因为“&”符号的实现及其使用方式才有意义的。如果我想让它实现这一目标怎么办:
#parent.additional_parent_class #child {
width: 50%;
}
我能够做到这一点的唯一方法是通过在子声明之外编写另一条规则:
#parent{
#child {
width: 75%;
}
&.additional_parent_class #child {
width: 50%;
}
}
尽管在此实现中这不一定是“痛苦中的痛苦”,但如果#child有自己的孩子,这似乎适得其反,则现在需要在两个规则中都重复这些孩子。
无论如何,也许我只是很挑剔,但是如果有更多的方式遍历选择器,那就太好了。
我同意这将非常有帮助。不幸的是,当前在SASS(或我所知道的任何其他CSS预处理器)中是不可能的。