我想要的是在父级内部串联两个孩子，但在输出时不选择父级。
我的意思是在这里：
.parent {
.child {
color: green;
& + & {
margin-top: 6px;
}
}
}
在输出中，我有这个：
.canvas-btn .canvas-btn__icon + .canvas-btn .canvas-btn__icon {margin-top: 6px;}
但是，如果可以在不重复代码的情况下进行下一步操作，是Sass吗？
.canvas-btn .canvas-btn__icon + .canvas-btn__icon {margin-top: 6px;}
您需要在&此处使用父选择器（）作为变量，并将其视为包含以下内容的列表列表：
@function nest-adjacent-selector($sel) {
$new-sel: ();
@each $s in $sel {
$last: nth($s, -1);
$new-sel: append($new-sel, $s #{'+'} $last, comma);
}
@return $new-sel;
}
.parent {
.brother, .sister {
color: green;
@at-root #{nest-adjacent-selector(&)} {
margin-top: 6px;
}
}
}
输出：
.parent .brother, .parent .sister {
color: green;
}
.parent .brother + .brother, .parent .sister + .sister {
margin-top: 6px;
}
请注意，如果您使用的是某些版本的LibSass，则此方法将无效。有关如何工作的更多信息，请参见此问题。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句