sass - 媒体查询中的 Sass @extend

Question

现在没有错误，但是 Sass 向我抛出了一个弃用警告，因为我在我的一个媒体查询中使用了 @extend。我有这样的事情：

.root{
    color: red;
}
@media (max-width: 900px) {
    .root{
        color: blue;
    }
    .extending{
        @extend .root;
    }
}

之所以设置警告，是因为我有.root外媒的声明。在@media 之外，它用于正常布局，然后在同一选择器内部用于更改页面布局。但是这里的目标是只有在is.extending时才将其颜色设置为蓝色，否则我不希望对其进行任何设置。max-width900px

所以问题是如何在我的媒体查询中使用 @extend 而不会 sass 给我一个错误？

Answer 1

您可以尝试使用@mixin 规则而不是@extend。

你真的知道生成的 CSS 会是什么样子吗？@extend 是选择器的聚合器，这可能会导致非常混乱的 CSS 代码。

我对@extend 规则的建议：避免使用@extending 常规规则，而是使用 %placeholder 规则。