：嵌套块中的extend（）

Question

此代码：

.first {
    margin: 19px;

    .nested {
        color: white;
    }
}

.second:extend(.first) {
}

输出：

.first,
.second {
  margin: 19px;
}
.first .nested {
  color: white;
}

但是如果你将它包装在另一个块中：

div {
    .first {
        margin: 19px;

        .nested {
            color: white;
        }
    }

    .second:extend(.first) {
    }
}

输出：

div .first {
  margin: 19px;
}
div .first .nested {
  color: white;
}

无视延伸？这是一个错误吗？

Answer 1

从上面的comment @seven-phases-max

不，这不是错误。 :extend与其使用的选择器无关;它总是需要一个完整的（“绝对”）选择器“路径”。即无论.second:extend(div .first)本身位于何处，都应为.second。

div {
    .first {
        margin: 19px;

        .nested {
            color: white;
        }
    }
    .second:extend(div .first) {}
}