Is it possible that this is not documented or simply not feasible?
#parent {
#child {
width: 75%;
.additional_parent_class & {
width: 50%;
}
}
}
As a result, the code will transform into:
.additional_parent_class #parent #child {
width: 50%;
}
Although this logic aligns with how the ampersand is used in the implementation, what if I want to achieve the following structure:
#parent.additional_parent_class #child {
width: 50%;
}
The only way I have managed to accomplish this is by creating another rule outside of the child declarations:
#parent{
#child {
width: 75%;
}
&.additional_parent_class #child {
width: 50%;
}
}
While this process isn't particularly cumbersome in this scenario, it becomes inefficient if #child has its own children that now need to be duplicated in both rules.
In any case, perhaps I am just being particular, but it would be beneficial to have more options for traversing through selectors.